.elementor-22215 .elementor-element.elementor-element-e4c37f7{--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:center;--gap:0px 0px;--row-gap:0px;--column-gap: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-22215 .elementor-element.elementor-element-9290da9{--display:flex;--min-height:200px;--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:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--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-22215 .elementor-element.elementor-element-9290da9:not(.elementor-motion-effects-element-type-background), .elementor-22215 .elementor-element.elementor-element-9290da9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFFA;background-image:url("https://payrollontheground.com/wp-content/uploads/2024/08/POG-Work-together-coupe.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-22215 .elementor-element.elementor-element-8b6dbbb{--display:flex;--min-height:120px;--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;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap: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-22215 .elementor-element.elementor-element-8b6dbbb:not(.elementor-motion-effects-element-type-background), .elementor-22215 .elementor-element.elementor-element-8b6dbbb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #79797900 0%, #807676A6 100%);}.elementor-22215 .elementor-element.elementor-element-cb92cfb{--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:center;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:80px;--padding-right:0px;}.elementor-22215 .elementor-element.elementor-element-5fd3ba7{--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;--justify-content:flex-end;--align-items:flex-start;--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-22215 .elementor-element.elementor-element-7a28330{text-align:start;}.elementor-22215 .elementor-element.elementor-element-7a28330 .elementor-heading-title{font-family:"Didact Gothic", Sans-serif;font-size:2rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var( --e-global-color-cb8cbc4 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );letter-spacing:var( --e-global-typography-text-letter-spacing );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-22215 .elementor-element.elementor-element-e453db7{text-align:start;font-family:"Didact Gothic", Sans-serif;font-size:1.2rem;font-weight:500;line-height:14px;letter-spacing:0.2px;color:var( --e-global-color-cb8cbc4 );}.elementor-22215 .elementor-element.elementor-element-37d362a{--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-22215 .elementor-element.elementor-element-37d362a:not(.elementor-motion-effects-element-type-background), .elementor-22215 .elementor-element.elementor-element-37d362a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-22215 .elementor-element.elementor-element-a851c5d{--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;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22215 .elementor-element.elementor-element-1c53bec{--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:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22215 .elementor-element.elementor-element-1c53bec.e-con{--align-self:center;}.elementor-22215 .elementor-element.elementor-element-426921c{--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;--border-radius:40px 40px 40px 40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22215 .elementor-element.elementor-element-c66cb6a{--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;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--border-radius:40px 40px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:040px;--padding-bottom:20px;--padding-left:60px;--padding-right:60px;}.elementor-22215 .elementor-element.elementor-element-c66cb6a:not(.elementor-motion-effects-element-type-background), .elementor-22215 .elementor-element.elementor-element-c66cb6a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a0d3953 );}.elementor-22215 .elementor-element.elementor-element-c66cb6a::before, .elementor-22215 .elementor-element.elementor-element-c66cb6a > .elementor-background-video-container::before, .elementor-22215 .elementor-element.elementor-element-c66cb6a > .e-con-inner > .elementor-background-video-container::before, .elementor-22215 .elementor-element.elementor-element-c66cb6a > .elementor-background-slideshow::before, .elementor-22215 .elementor-element.elementor-element-c66cb6a > .e-con-inner > .elementor-background-slideshow::before, .elementor-22215 .elementor-element.elementor-element-c66cb6a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-a0d3953 );--background-overlay:'';}.elementor-22215 .elementor-element.elementor-element-983cacb{--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;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-22215 .elementor-element.elementor-element-983cacb:not(.elementor-motion-effects-element-type-background), .elementor-22215 .elementor-element.elementor-element-983cacb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a0d3953 );}.elementor-22215 .elementor-element.elementor-element-983cacb::before, .elementor-22215 .elementor-element.elementor-element-983cacb > .elementor-background-video-container::before, .elementor-22215 .elementor-element.elementor-element-983cacb > .e-con-inner > .elementor-background-video-container::before, .elementor-22215 .elementor-element.elementor-element-983cacb > .elementor-background-slideshow::before, .elementor-22215 .elementor-element.elementor-element-983cacb > .e-con-inner > .elementor-background-slideshow::before, .elementor-22215 .elementor-element.elementor-element-983cacb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-a0d3953 );--background-overlay:'';}.elementor-22215 .elementor-element.elementor-element-15e79d1{--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:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22215 .elementor-element.elementor-element-15e79d1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .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 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .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 > .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 );text-transform:var( --e-global-typography-accent-text-transform );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-22215 .elementor-element.elementor-element-86b2ae1{--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;--justify-content:flex-start;--align-items:flex-start;}.elementor-22215 .elementor-element.elementor-element-059b1b6{text-align:start;}.elementor-22215 .elementor-element.elementor-element-059b1b6 .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-22215 .elementor-element.elementor-element-059b1b6 .elementor-heading-title a:hover, .elementor-22215 .elementor-element.elementor-element-059b1b6 .elementor-heading-title a:focus{color:var( --e-global-color-primary );}.elementor-22215 .elementor-element.elementor-element-70ab284{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22215 .elementor-element.elementor-element-6c5c307{--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:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;}.elementor-22215 .elementor-element.elementor-element-183ecf0{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:30px 30px 30px 30px;box-shadow:-5px 5px 12px 0px rgba(0, 0, 0, 0.1);--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-22215 .elementor-element.elementor-element-ed5567e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 5px 0px;}.elementor-22215 .elementor-element.elementor-element-ed5567e .elementor-icon-wrapper{text-align:start;}.elementor-22215 .elementor-element.elementor-element-ed5567e .elementor-icon{font-size:45px;}.elementor-22215 .elementor-element.elementor-element-ed5567e .elementor-icon svg{height:45px;}.elementor-22215 .elementor-element.elementor-element-45940f7{margin:025px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-22215 .elementor-element.elementor-element-45940f7 .elementor-icon-wrapper{text-align:start;}.elementor-22215 .elementor-element.elementor-element-45940f7.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-primary );}.elementor-22215 .elementor-element.elementor-element-45940f7.elementor-view-framed .elementor-icon:hover, .elementor-22215 .elementor-element.elementor-element-45940f7.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-22215 .elementor-element.elementor-element-45940f7.elementor-view-framed .elementor-icon:hover, .elementor-22215 .elementor-element.elementor-element-45940f7.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-primary );}.elementor-22215 .elementor-element.elementor-element-45940f7 .elementor-icon{font-size:35px;}.elementor-22215 .elementor-element.elementor-element-45940f7 .elementor-icon svg{height:35px;}.elementor-22215 .elementor-element.elementor-element-3fc7c84{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:30px 30px 30px 30px;box-shadow:-5px 5px 12px 0px rgba(0, 0, 0, 0.1);--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-22215 .elementor-element.elementor-element-bb89a4d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 10px 0px;}.elementor-22215 .elementor-element.elementor-element-bb89a4d .elementor-icon-wrapper{text-align:start;}.elementor-22215 .elementor-element.elementor-element-bb89a4d .elementor-icon{font-size:37px;}.elementor-22215 .elementor-element.elementor-element-bb89a4d .elementor-icon svg{height:37px;}.elementor-22215 .elementor-element.elementor-element-7d5c8fb{margin:25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-22215 .elementor-element.elementor-element-7d5c8fb .elementor-icon-wrapper{text-align:start;}.elementor-22215 .elementor-element.elementor-element-7d5c8fb.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-primary );}.elementor-22215 .elementor-element.elementor-element-7d5c8fb.elementor-view-framed .elementor-icon:hover, .elementor-22215 .elementor-element.elementor-element-7d5c8fb.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-22215 .elementor-element.elementor-element-7d5c8fb.elementor-view-framed .elementor-icon:hover, .elementor-22215 .elementor-element.elementor-element-7d5c8fb.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-primary );}.elementor-22215 .elementor-element.elementor-element-7d5c8fb .elementor-icon{font-size:35px;}.elementor-22215 .elementor-element.elementor-element-7d5c8fb .elementor-icon svg{height:35px;}.elementor-22215 .elementor-element.elementor-element-73fb62c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:30px 30px 30px 30px;box-shadow:-5px 5px 12px 0px rgba(0, 0, 0, 0.1);--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-22215 .elementor-element.elementor-element-4e67302{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 10px 0px;}.elementor-22215 .elementor-element.elementor-element-4e67302 .elementor-icon-wrapper{text-align:start;}.elementor-22215 .elementor-element.elementor-element-4e67302 .elementor-icon{font-size:40px;}.elementor-22215 .elementor-element.elementor-element-4e67302 .elementor-icon svg{height:40px;}.elementor-22215 .elementor-element.elementor-element-274733a{margin:025px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-22215 .elementor-element.elementor-element-274733a .elementor-icon-wrapper{text-align:start;}.elementor-22215 .elementor-element.elementor-element-274733a.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-primary );}.elementor-22215 .elementor-element.elementor-element-274733a.elementor-view-framed .elementor-icon:hover, .elementor-22215 .elementor-element.elementor-element-274733a.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-22215 .elementor-element.elementor-element-274733a.elementor-view-framed .elementor-icon:hover, .elementor-22215 .elementor-element.elementor-element-274733a.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-primary );}.elementor-22215 .elementor-element.elementor-element-274733a .elementor-icon{font-size:35px;}.elementor-22215 .elementor-element.elementor-element-274733a .elementor-icon svg{height:35px;}.elementor-22215 .elementor-element.elementor-element-c34f3a8{--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:flex-start;}.elementor-22215 .elementor-element.elementor-element-40df5f5{--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;--justify-content:flex-start;--align-items:flex-start;}.elementor-22215 .elementor-element.elementor-element-b6ad5a6{text-align:start;}.elementor-22215 .elementor-element.elementor-element-b6ad5a6 .elementor-heading-title{font-family:"Didact Gothic", Sans-serif;font-size:1.4rem;font-weight:500;text-transform:none;letter-spacing:0.2px;}.elementor-22215 .elementor-element.elementor-element-ba0e8b3{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-22215 .elementor-element.elementor-element-fbf84a6 .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-22215 .elementor-element.elementor-element-9953a0f{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;font-family:"Didact Gothic", Sans-serif;font-size:1rem;font-weight:500;font-style:italic;letter-spacing:0.2px;color:var( --e-global-color-2096512 );}.elementor-22215 .elementor-element.elementor-element-b6f92b2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-22215 .elementor-element.elementor-element-7fd8fe6 .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-22215 .elementor-element.elementor-element-372eef7{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;font-family:"Didact Gothic", Sans-serif;font-size:1rem;font-weight:500;font-style:italic;letter-spacing:0.2px;color:var( --e-global-color-2096512 );}.elementor-22215 .elementor-element.elementor-element-f022abf{--display:flex;--margin-top:040px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-22215 .elementor-element.elementor-element-218baf1{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-22215 .elementor-element.elementor-element-bd2a6ca .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-22215 .elementor-element.elementor-element-2b4f373{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;font-family:"Didact Gothic", Sans-serif;font-size:1rem;font-weight:500;font-style:italic;letter-spacing:0.2px;color:var( --e-global-color-2096512 );}.elementor-widget-ld-profile .learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-stats .ld-profile-stat > strong{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-ld-profile .learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-stats .ld-profile-stat span{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-ld-profile .learndash-wrapper #ld-profile .ld-section-heading h3{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-ld-profile .learndash-wrapper #ld-profile .ld-course-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-ld-profile .learndash-wrapper #ld-profile .ld-progress .ld-progress-heading .ld-progress-label{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-ld-profile .learndash-wrapper #ld-profile .ld-progress .ld-progress-heading .ld-progress-percentage{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-ld-profile .learndash-wrapper #ld-profile .ld-progress .ld-progress-heading .ld-progress-steps{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-ld-profile .learndash-wrapper #ld-profile .ld-table-list.ld-quiz-list .ld-table-list-header{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-ld-profile .learndash-wrapper #ld-profile .ld-table-list.ld-quiz-list .ld-table-list-item{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-ld-profile .learndash-wrapper #ld-profile .ld-assignment-list .ld-table-list-header{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-ld-profile .learndash-wrapper #ld-profile .ld-assignment-list .ld-table-list-item{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-ld-profile .learndash-wrapper #ld-profile .ld-assignment-list .ld-table-list-item .ld-status-column .ld-status{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-card .ld-profile-avatar{width:150px !important;height:150px !important;}.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper #ld-profile .ld-course-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-text );}.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper #ld-profile .ld-item-details .ld-expand-button{color:var( --e-global-color-text );background-color:var( --e-global-color-4835986 );}.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper #ld-profile .ld-item-details .ld-expand-button .ld-icon-arrow-down{color:var( --e-global-color-text );background-color:var( --e-global-color-4835986 );}.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper #ld-profile.ld-item-details .ld-expand-button .ld-text{color:var( --e-global-color-text );}.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper #ld-profile .ld-progress .ld-progress-heading .ld-progress-label{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper #ld-profile .ld-progress .ld-progress-heading .ld-progress-percentage{font-family:"Didact Gothic", Sans-serif;font-size:1.2rem;font-weight:500;letter-spacing:0.2px;}.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper #ld-profile .ld-progress .ld-progress-heading .ld-progress-steps{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-text );}.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper #ld-profile .ld-progress .ld-progress-bar .ld-progress-bar-percentage{background-color:var( --e-global-color-89c8e38 );}.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper #ld-profile .ld-table-list.ld-quiz-list .ld-table-list-header{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );background-color:var( --e-global-color-cb8cbc4 );}.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper #ld-profile .ld-table-list.ld-quiz-list .ld-table-list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-2096512 );}.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper #ld-profile .ld-table-list.ld-quiz-list .ld-table-list-item .ld-table-list-title a{color:var( --e-global-color-2096512 );}.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper #ld-profile .ld-table-list.ld-quiz-list .ld-table-list-item .user_statistic .ld-icon{color:var( --e-global-color-2096512 );}.elementor-22215 .elementor-element.elementor-element-0e0d9ef{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:300px;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:initial;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--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:40px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:0px;--n-tabs-title-padding-bottom:15px;--n-tabs-title-padding-left:40px;--n-tabs-title-font-size:1.2rem;--n-tabs-title-color:var( --e-global-color-text );--n-tabs-title-color-active:var( --e-global-color-primary );--n-tabs-icon-gap:11px;--n-tabs-icon-color:var( --e-global-color-primary );--n-tabs-icon-color-active:var( --e-global-color-primary );}.elementor-22215 .elementor-element.elementor-element-0e0d9ef > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-a0d3953 );}.elementor-22215 .elementor-element.elementor-element-0e0d9ef.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-a0d3953 );border-style:solid;border-width:0px 0px 3px 00px;border-color:var( --e-global-color-primary );}.elementor-22215 .elementor-element.elementor-element-0e0d9ef.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-22215 .elementor-element.elementor-element-0e0d9ef.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-a0d3953 );border-style:solid;border-width:0px 0px 2px 0px;border-color:var( --e-global-color-primary );}:where( .elementor-22215 .elementor-element.elementor-element-0e0d9ef.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{background-color:var( --e-global-color-cb8cbc4 );}.elementor-22215 .elementor-element.elementor-element-0e0d9ef.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-4835986 );}.elementor-22215 .elementor-element.elementor-element-0e0d9ef.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Didact Gothic", Sans-serif;font-weight:500;text-transform:none;font-style:normal;text-decoration:none;letter-spacing:0px;}.elementor-22215 .elementor-element.elementor-element-0e0d9ef [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-primary );--n-tabs-icon-color-hover:var( --e-global-color-primary );}.elementor-22215 .elementor-element.elementor-element-319b9fc{--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;}@media(min-width:768px){.elementor-22215 .elementor-element.elementor-element-cb92cfb{--width:90%;}.elementor-22215 .elementor-element.elementor-element-5fd3ba7{--width:100%;}.elementor-22215 .elementor-element.elementor-element-a851c5d{--width:90%;}.elementor-22215 .elementor-element.elementor-element-1c53bec{--width:100%;}.elementor-22215 .elementor-element.elementor-element-426921c{--width:100%;}.elementor-22215 .elementor-element.elementor-element-c66cb6a{--width:300px;}.elementor-22215 .elementor-element.elementor-element-983cacb{--width:300px;}.elementor-22215 .elementor-element.elementor-element-15e79d1{--width:100%;}.elementor-22215 .elementor-element.elementor-element-183ecf0{--width:300px;}.elementor-22215 .elementor-element.elementor-element-3fc7c84{--width:300px;}.elementor-22215 .elementor-element.elementor-element-73fb62c{--width:300px;}}@media(max-width:1024px){.elementor-22215 .elementor-element.elementor-element-9290da9{--min-height:160px;--z-index:0;}.elementor-22215 .elementor-element.elementor-element-cb92cfb{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-22215 .elementor-element.elementor-element-37d362a{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--padding-top:17px;--padding-bottom:17px;--padding-left:17px;--padding-right:17px;}.elementor-22215 .elementor-element.elementor-element-a851c5d{--gap:0px 020px;--row-gap:0px;--column-gap:020px;}.elementor-22215 .elementor-element.elementor-element-c66cb6a.e-con{--order:-99999 /* order start hack */;}.elementor-22215 .elementor-element.elementor-element-983cacb.e-con{--order:-99999 /* order start hack */;}.elementor-22215 .elementor-element.elementor-element-15e79d1.e-con{--align-self:center;--order:99999 /* order end hack */;}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-22215 .elementor-element.elementor-element-059b1b6 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-22215 .elementor-element.elementor-element-fbf84a6 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-22215 .elementor-element.elementor-element-7fd8fe6 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-22215 .elementor-element.elementor-element-bd2a6ca .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-ld-profile .learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-stats .ld-profile-stat > strong{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-ld-profile .learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-stats .ld-profile-stat span{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-ld-profile .learndash-wrapper #ld-profile .ld-section-heading h3{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-ld-profile .learndash-wrapper #ld-profile .ld-course-title{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-ld-profile .learndash-wrapper #ld-profile .ld-progress .ld-progress-heading .ld-progress-label{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-ld-profile .learndash-wrapper #ld-profile .ld-progress .ld-progress-heading .ld-progress-percentage{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-ld-profile .learndash-wrapper #ld-profile .ld-progress .ld-progress-heading .ld-progress-steps{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-ld-profile .learndash-wrapper #ld-profile .ld-table-list.ld-quiz-list .ld-table-list-header{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-ld-profile .learndash-wrapper #ld-profile .ld-table-list.ld-quiz-list .ld-table-list-item{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-ld-profile .learndash-wrapper #ld-profile .ld-assignment-list .ld-table-list-header{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-ld-profile .learndash-wrapper #ld-profile .ld-assignment-list .ld-table-list-item{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-ld-profile .learndash-wrapper #ld-profile .ld-assignment-list .ld-table-list-item .ld-status-column .ld-status{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper #ld-profile .ld-course-title{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper #ld-profile .ld-progress .ld-progress-heading .ld-progress-label{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper #ld-profile .ld-progress .ld-progress-heading .ld-progress-steps{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper #ld-profile .ld-table-list.ld-quiz-list .ld-table-list-header{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper #ld-profile .ld-table-list.ld-quiz-list .ld-table-list-item{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-22215 .elementor-element.elementor-element-0e0d9ef{--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:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-gap:40px;--n-tabs-title-padding-top:20px;--n-tabs-title-padding-right:20px;--n-tabs-title-padding-bottom:20px;--n-tabs-title-padding-left:20px;}}@media(max-width:767px){.elementor-22215 .elementor-element.elementor-element-9290da9{--min-height:80px;--z-index:0;}.elementor-22215 .elementor-element.elementor-element-5fd3ba7{--gap:3px 0px;--row-gap:3px;--column-gap:0px;--margin-top:0px;--margin-bottom:-45px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-22215 .elementor-element.elementor-element-7a28330 .elementor-heading-title{font-size:1.5rem;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-22215 .elementor-element.elementor-element-e453db7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:0.8em;line-height:1.2em;}.elementor-22215 .elementor-element.elementor-element-37d362a{--padding-top:10px;--padding-bottom:16px;--padding-left:10px;--padding-right:10px;}.elementor-22215 .elementor-element.elementor-element-f8e485c{padding:5px 0px 0px 0px;}.elementor-22215 .elementor-element.elementor-element-a851c5d{--width:98%;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:60px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-22215 .elementor-element.elementor-element-a851c5d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-22215 .elementor-element.elementor-element-059b1b6 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-22215 .elementor-element.elementor-element-fbf84a6 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-22215 .elementor-element.elementor-element-7fd8fe6 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-22215 .elementor-element.elementor-element-bd2a6ca .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-ld-profile .learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-stats .ld-profile-stat > strong{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-ld-profile .learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-stats .ld-profile-stat span{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-ld-profile .learndash-wrapper #ld-profile .ld-section-heading h3{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-ld-profile .learndash-wrapper #ld-profile .ld-course-title{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-ld-profile .learndash-wrapper #ld-profile .ld-progress .ld-progress-heading .ld-progress-label{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-ld-profile .learndash-wrapper #ld-profile .ld-progress .ld-progress-heading .ld-progress-percentage{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-ld-profile .learndash-wrapper #ld-profile .ld-progress .ld-progress-heading .ld-progress-steps{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-ld-profile .learndash-wrapper #ld-profile .ld-table-list.ld-quiz-list .ld-table-list-header{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-ld-profile .learndash-wrapper #ld-profile .ld-table-list.ld-quiz-list .ld-table-list-item{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-ld-profile .learndash-wrapper #ld-profile .ld-assignment-list .ld-table-list-header{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-ld-profile .learndash-wrapper #ld-profile .ld-assignment-list .ld-table-list-item{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-ld-profile .learndash-wrapper #ld-profile .ld-assignment-list .ld-table-list-item .ld-status-column .ld-status{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper #ld-profile .ld-course-title{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper #ld-profile .ld-progress .ld-progress-heading .ld-progress-label{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper #ld-profile .ld-progress .ld-progress-heading .ld-progress-steps{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper #ld-profile .ld-table-list.ld-quiz-list .ld-table-list-header{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper #ld-profile .ld-table-list.ld-quiz-list .ld-table-list-item{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}}@media(max-width:1024px) and (min-width:768px){.elementor-22215 .elementor-element.elementor-element-9290da9{--width:100%;}.elementor-22215 .elementor-element.elementor-element-a851c5d{--width:95%;}.elementor-22215 .elementor-element.elementor-element-1c53bec{--width:90%;}.elementor-22215 .elementor-element.elementor-element-c66cb6a{--width:100%;}.elementor-22215 .elementor-element.elementor-element-983cacb{--width:100%;}.elementor-22215 .elementor-element.elementor-element-15e79d1{--width:90%;}.elementor-22215 .elementor-element.elementor-element-3fc7c84{--width:250px;}.elementor-22215 .elementor-element.elementor-element-73fb62c{--width:250px;}}/* Start custom CSS for shortcode, class: .elementor-element-a2ef642 *//* Retire « Bienvenue » ainsi que le nom et le prénom */
.elementor-22215 .elementor-element.elementor-element-a2ef642 .pog-user-profile__welcome,
.elementor-22215 .elementor-element.elementor-element-a2ef642 .pog-user-profile__name {
    display: none !important;
}

/* Retire « Profile Picture » */
.elementor-22215 .elementor-element.elementor-element-a2ef642 .macfw-avatar-section-label {
    display: none !important;
}


/* Centre tout le composant d’avatar */
.elementor-22215 .elementor-element.elementor-element-a2ef642 .macfw-avatar-upload-section,
.elementor-22215 .elementor-element.elementor-element-a2ef642 .cits-user-avatar {
    display: flex !important;
    flex-direction: column;
    align-items: center !important;
    justify-content: center;
    width: 100%;
    text-align: center;
    padding:0;
    margin:0;
}

.elementor-22215 .elementor-element.elementor-element-a2ef642 .macfw-avatar-upload-hint {
    text-align: center !important;
}
/* Rend transparent le conteneur rose extérieur */
.elementor-22215 .elementor-element.elementor-element-a2ef642 .cits-user-avatar.macfw-avatar-uploadable {
    background-image: none !important;
    border-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}
.cits-user-avatar:hover {
    transform: none;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0e9e420 *//* Bouton de déconnexion */
.elementor-22215 .elementor-element.elementor-element-0e9e420 a[href*="action=logout"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 2px 20px;
    color: #ffffff !important;
    background-color: #800080;
    border: 0;
    border-radius: 999px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
}
/* Survol */
.elementor-22215 .elementor-element.elementor-element-0e9e420 a[href*="action=logout"]:hover {
    color: #800080 !important;
    background-color: #ffffff;
    border:1px solid #800080;
}

/* Focus clavier */
.elementor-22215 .elementor-element.elementor-element-0e9e420 a[href*="action=logout"]:focus-visible {
    outline: 3px solid rgba(255, 255, 255, 0.22);
    outline-offset: 3px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1ef5494 *//* =========================================================
   STATUTS DES COMMANDES WOOCOMMERCE
   ========================================================= */


/* Apparence générale et couleur par défaut */
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: fit-content;
    max-width: 100%;
    padding: 7px 11px;
    color: #800080;
    background-color: #fbf7fc;
    border-radius: 999px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
}


/* Petit point placé avant le texte */
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut::before {
    content: "";

    display: block;
    flex: 0 0 7px;
    width: 7px;
    height: 7px;
    background-color: currentColor;
    border-radius: 50%;
}


/* =========================================================
   EN ATTENTE / PAIEMENT EN ATTENTE
   pending, on-hold, wc-pending, wc-on-hold
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--pending"],
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--on-hold"],
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--en-attente"] {
    color: #ff5207 !important;
    background-color: #ffeee6 !important;
}


/* =========================================================
   EN COURS DE TRAITEMENT
   processing ou wc-processing
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--processing"],
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--en-cours"] {
    color: #008839 !important;
    background-color: #e1f1e7 !important;
}


/* =========================================================
   TERMINÉE
   completed ou wc-completed
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--completed"],
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--terminee"] {
    color: #4e4e4e !important;
    background-color: #ececec !important;
}


/* =========================================================
   ANNULÉE
   cancelled ou wc-cancelled
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--cancelled"],
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--annulee"] {
    color: #e10024 !important;
    background-color: #ffe6e9 !important;
}


/* =========================================================
   ÉCHOUÉE
   failed ou wc-failed
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--failed"],
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--echouee"] {
    color: #e10024 !important;
    background-color: #ffe6e9 !important;
}


/* =========================================================
   REMBOURSÉE
   refunded ou wc-refunded
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--refunded"],
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--remboursee"] {
    color: #083F5A !important;
    background-color: #d7eefb !important;
}


/* =========================================================
   BROUILLON DE COMMANDE
   checkout-draft ou wc-checkout-draft
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--checkout-draft"],
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--draft"] {
    color: #e89301 !important;
    background-color: #fff5df !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-40df5f5 *//* Le widget Shortcode */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .elementor-widget-shortcode {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    align-self: stretch !important;
    flex: 0 0 100% !important;
}

/* =========================================================
   DESIGN GÉNÉRAL DU TABLEAU DES COMMANDES
   Le CSS des statuts reste séparé
   ========================================================= */


/* Conteneur principal */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}


/* Conteneur du tableau :
   arrondis et reflet léger autour du tableau */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table-wrapper {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    overflow: hidden;

    background-color: #ffffff;
    border: 0 !important;
    border-radius: 12px;

    box-shadow:
        0 5px 18px rgba(30, 30, 50, 0.08),
        0 1px 5px rgba(128, 0, 128, 0.04);

    box-sizing: border-box;
}


/* Tableau */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table {
    width: 100% !important;
    max-width: 100%;
    min-width: 100%;

    margin: 0;
    padding: 0;

    background-color: #ffffff;
    border: 0 !important;
    border-collapse: separate;
    border-spacing: 0;

    font-family: inherit;
    box-shadow: none !important;

    table-layout: auto;
    box-sizing: border-box;
}


/* Supprime les bordures ajoutées par le thème */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table,
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table thead,
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody,
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tr,
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table th,
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table td {
    border: 0 !important;
}


/* =========================================================
   EN-TÊTE GRIS
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table thead {
    background-color: #f1f1f3;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table thead tr {
    background-color: #f1f1f3;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table th {
    padding: 17px 20px;

    color: #34343b;
    background-color: #f1f1f3;

    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    text-align: left;
    white-space: nowrap;
}


/* Arrondis supérieurs */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table th:first-child {
    border-radius: 12px 0 0 0;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table th:last-child {
    border-radius: 0 12px 0 0;
}


/* =========================================================
   CONTENU BLANC
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody {
    background-color: #ffffff;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody tr {
    background-color: #ffffff;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody td {
    padding: 18px 20px;

    color: inherit;
    background-color: #ffffff;

    font-family: inherit;
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
    vertical-align: middle;
}


/* Fine séparation grise entre les commandes.
   Il s’agit d’une ombre intérieure et non d’une bordure. */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody tr:not(:last-child) td {
    box-shadow: inset 0 -1px 0 #e8e8eb;
}


/* La dernière ligne ne reçoit aucune séparation */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody tr:last-child td {
    box-shadow: none;
}


/* Arrondis inférieurs */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody tr:last-child td:first-child {
    border-radius: 0 0 0 12px;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody tr:last-child td:last-child {
    border-radius: 0 0 12px 0;
}


/* =========================================================
   BOUTON VOIR
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__bouton {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: fit-content;
    padding: 8px 17px;

    color: #800080;
    background-color: #ffffff;
    border: 1px solid #800080;
    border-radius: 7px;

    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;

    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__bouton:hover {
    color: #ffffff;
    background-color: #800080;
    box-shadow: 0 4px 12px rgba(128, 0, 128, 0.16);
}


/* =========================================================
   PAGINATION
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 15px;

    width: 100%;
    margin-top: 22px;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__pagination a {
    color: #800080;
    text-decoration: none;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__pagination a:hover {
    text-decoration: underline;
}


/* =========================================================
   RESPONSIVE À PARTIR DE 1250 PX
   Chaque commande devient une fiche verticale
   ========================================================= */

@media screen and (max-width: 1250px) {

    /*
     * Le reflet général est retiré du wrapper.
     * Chaque commande reçoit alors son propre reflet.
     */
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table-wrapper {
        overflow: visible;
        background-color: transparent;
        border-radius: 0;
        box-shadow: none;
    }

    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table,
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody {
        display: block;

        width: 100% !important;
        max-width: 100%;
        min-width: 0 !important;

        background-color: transparent;
    }

    /* Masque l’en-tête horizontal */
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table thead {
        display: none;
    }

    /* Une commande devient une fiche */
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody tr {
        display: block;

        width: 100%;
        max-width: 100%;
        min-width: 0;

        margin: 0 0 20px;
        overflow: hidden;

        background-color: #ffffff;
        border: 0 !important;
        border-radius: 12px;

        box-shadow:
            0 5px 18px rgba(30, 30, 50, 0.08),
            0 1px 5px rgba(128, 0, 128, 0.04);

        box-sizing: border-box;
    }

    /*
     * Chaque ancienne colonne devient une ligne :
     * intitulé à gauche, valeur à droite.
     */
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody td {
        display: grid;
        grid-template-columns: minmax(120px, 38%) minmax(0, 1fr);
        align-items: center;
        column-gap: 18px;

        width: 100% !important;
        max-width: 100%;
        min-width: 0 !important;

        padding: 14px 18px;

        background-color: #ffffff;
        text-align: right;

        border: 0 !important;
        border-radius: 0 !important;

        box-shadow: inset 0 -1px 0 #e8e8eb;

        box-sizing: border-box;
    }

    /* Nom de la donnée */
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody td::before {
        content: attr(data-title);

        color: #4e4e4e;
        font-family: inherit;
        font-size: 14px;
        font-weight: 600;
        text-align: left;
    }

    /* Pas de séparation sous la dernière donnée */
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody td:last-child {
        box-shadow: none;
    }

    /* Valeur du statut à droite */
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__statut {
        margin-left: auto;
    }

    /* Bouton à droite */
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__bouton {
        margin-left: auto;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8805fc *//* =========================================================
   FORMULAIRE INFORMATIONS PERSONNELLES
   Couleurs principales :
   Mauve : #800080
   Rose clair : #FBF7FC
   ========================================================= */


/* =========================================================
   MASQUER LA PHOTO UNIQUEMENT DANS LE FORMULAIRE
   L’avatar de la colonne latérale reste visible
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .macfw-avatar-upload-section {
    display: none !important;
}


/* Évite un éventuel espace vide laissé par le bloc photo */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm > .macfw-avatar-upload-section + hr,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .macfw-avatar-upload-section + hr {
    display: none !important;
}


/* =========================================================
   FORMULAIRE COMPLET
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 30px;
    row-gap: 22px;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    margin: 0;
    padding: clamp(22px, 3vw, 40px);

    color: #4e4e4e;
    background-color: #ffffff;

    border: 0 !important;

    font-family: inherit;
    box-sizing: border-box;
}


/* Tous les éléments utilisent le même calcul de largeur */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm *,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm *::before,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm *::after {
    box-sizing: border-box;
}


/* Retire les marges WooCommerce par défaut */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm p {
    margin: 0;
}


/* Prénom et nom : deux colonnes */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-form-row--first,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-form-row--last {
    width: 100% !important;
    min-width: 0;
    margin: 0 !important;
    float: none !important;
}


/* Champs larges sur toute la ligne */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-form-row--wide,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .form-row-wide,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .pog-account-vat-number {
    grid-column: 1 / -1;

    width: 100% !important;
    max-width: 100%;
    min-width: 0;

    margin: 0 !important;
}


/* Retire les anciens éléments de nettoyage des floats */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .clear {
    display: none;
}


/* =========================================================
   LABELS
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm label {
    display: block;

    margin: 0 0 8px;

    color: #800080;

    font-family: inherit;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
}


/* Astérisques obligatoires */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm label .required {
    color: #e10024 ;
    font-size:18px;
    text-decoration: none;
}


/* =========================================================
   CHAMPS DE SAISIE
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="text"],
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="email"],
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="password"],
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="tel"],
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm select,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm textarea {
    display: block;

    width: 100% !important;
    max-width: 100%;
    min-width: 0;
    min-height: 52px;

    margin: 0;
    padding: 12px 16px;

    color: #4e4e4e;
   
    border: 1px solid transparent !important;
    border-radius: 20px;
    outline: 0;
box-shadow: 0 5px 16px rgba(120, 120, 120, 0.12);

}


/* Survol */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="text"]:hover,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="email"]:hover,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="password"]:hover,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="tel"]:hover,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm select:hover,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm textarea:hover {
    background-color: #ffffff;
    border: 1px solid #d9d9d9 !important;
}


/* Focus */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="text"]:focus,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="email"]:focus,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="password"]:focus,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="tel"]:focus,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm select:focus,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm textarea:focus {
    background-color: #ffffff;
    border-color: transparent !important;
    box-shadow:
        inset 0 0 0 2px #800080,
        0 4px 14px rgba(120, 120, 120, 0.12);
}


/* =========================================================
   TEXTE SOUS LE NOM AFFICHÉ
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm em {
    display: block;

    margin-top: 8px;

    color: #77717d;

    font-family: inherit;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
}


/* =========================================================
   SECTION MOT DE PASSE
   ========================================================= */

/* =========================================================
   ALIGNEMENT DES CHAMPS DE MOT DE PASSE
   ========================================================= */


/* Les titres restent au-dessus des champs */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm fieldset p label {
    display: block !important;

    width: 100%;
    margin: 0 0 8px;

    color: #4e4e4e;

    font-family: inherit;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    text-align: left;
}

/* Le bloc reste à sa position naturelle sous le champ TVA */


/* =========================================================
   BOUTON ENREGISTRER
   Uniquement le paragraphe directement placé dans le formulaire
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm > p:last-child {
    grid-column: 1 / -1;

    display: flex !important;
    justify-content: flex-start;
    align-items: center;

    width: 100%;
    margin: 4px 0 0 !important;
}

/* Titre “Changement de mot de passe” */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm fieldset legend {
    display: block;
    width: 100%;

    margin: 0 0 2px;
    padding: 0;

    color: #800080;

    font-family: inherit;
    font-size: clamp(19px, 2vw, 23px);
    font-weight: 600;
    line-height: 1.3;
}

/* =========================================================
   BOUTON ENREGISTRER
   ========================================================= */

/* Boutons WooCommerce du formulaire */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm button[type="submit"],
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-Button,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    color: #ffffff !important;
    background-color: #800080 !important;

    border: 0 !important;
    border-radius: 20px 20px 20px 20px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);

    font-family: inherit;
    line-height: 1.2;
    text-decoration: none;
}


/* Survol du bouton */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm button[type="submit"]:hover,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-Button:hover,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .button:hover {
    color: #800080!important;
    background-color: #ffffff !important;
}


/* Focus clavier */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm button[type="submit"]:focus-visible,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-Button:focus-visible,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .button:focus-visible {
    outline: 3px solid rgba(128, 0, 128, 0.22);
    outline-offset: 3px;    
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media screen and (max-width: 767px) {

    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
        padding: 20px 16px;
        border-radius: 12px;
    }

    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-form-row--first,
    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-form-row--last,
    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-form-row--wide,
    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm fieldset,
    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm p:last-child {
        grid-column: 1;
    }

    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm button[type="submit"],
    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-Button,
    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .button {
        width: 100% !important;
        min-width: 0;
    }
}

/* =========================================================
   MOTS DE PASSE DIFFÉRENTS
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .pog-password-match-message.pog-password-match-error {
    color: #e10024;
    font-size: 15px;
    background-color: #ffffff;
}


/* =========================================================
   MOTS DE PASSE IDENTIQUES
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .pog-password-match-message.pog-password-match-success {
    color: #008839;
    font-size: 15px;
    background-color: #ffffff;
}


/* =========================================================
   MESSAGE VIDE
   Empêche de conserver un bloc vide
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .pog-password-match-message:empty {
    display: none;
}

/* =========================================================
   ROBUSTESSE DU CODE SECRET
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-password-hint {
    display: block !important;
    margin-top: 12px !important;
    margin-bottom: 20px !important;
}

.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-password-strength {
    text-align: left;
    font-size: 15px;
    margin-bottom:10px;
}
   
/* Très faible */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-password-strength.short {
    color: #e10024 !important;
    background-color: #ffffff !important;
}


/* Faible */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-password-strength.bad {
    color: #ff5207 !important;
    background-color: #ffffff !important;
}


/* Moyenne */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-password-strength.good {
    color: #e89301 !important;
    font-size: 15px;
    background-color: #ffffff !important;
}


/* Forte */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-password-strength.strong {
    color: #008839 !important;
    background-color: #ffff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa16885 *//* =========================================================
   STATUTS DES COMMANDES WOOCOMMERCE
   ========================================================= */


/* Apparence générale et couleur par défaut */
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: fit-content;
    max-width: 100%;
    padding: 7px 11px;
    color: #800080;
    background-color: #fbf7fc;
    border-radius: 999px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
}


/* Petit point placé avant le texte */
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut::before {
    content: "";

    display: block;
    flex: 0 0 7px;
    width: 7px;
    height: 7px;
    background-color: currentColor;
    border-radius: 50%;
}


/* =========================================================
   EN ATTENTE / PAIEMENT EN ATTENTE
   pending, on-hold, wc-pending, wc-on-hold
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--pending"],
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--on-hold"],
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--en-attente"] {
    color: #ff5207 !important;
    background-color: #ffeee6 !important;
}


/* =========================================================
   EN COURS DE TRAITEMENT
   processing ou wc-processing
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--processing"],
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--en-cours"] {
    color: #008839 !important;
    background-color: #e1f1e7 !important;
}


/* =========================================================
   TERMINÉE
   completed ou wc-completed
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--completed"],
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--terminee"] {
    color: #4e4e4e !important;
    background-color: #ececec !important;
}


/* =========================================================
   ANNULÉE
   cancelled ou wc-cancelled
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--cancelled"],
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--annulee"] {
    color: #e10024 !important;
    background-color: #ffe6e9 !important;
}


/* =========================================================
   ÉCHOUÉE
   failed ou wc-failed
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--failed"],
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--echouee"] {
    color: #e10024 !important;
    background-color: #ffe6e9 !important;
}


/* =========================================================
   REMBOURSÉE
   refunded ou wc-refunded
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--refunded"],
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--remboursee"] {
    color: #083F5A !important;
    background-color: #d7eefb !important;
}


/* =========================================================
   BROUILLON DE COMMANDE
   checkout-draft ou wc-checkout-draft
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--checkout-draft"],
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--draft"] {
    color: #e89301 !important;
    background-color: #fff5df !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f022abf *//* =========================================================
   DESIGN GÉNÉRAL DU TABLEAU DES COMMANDES
   Le CSS des statuts reste séparé
   ========================================================= */


/* Conteneur principal */
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}


/* Conteneur du tableau :
   arrondis et reflet léger autour du tableau */
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table-wrapper {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    overflow: hidden;

    background-color: #ffffff;
    border: 0 !important;
    border-radius: 12px;

    box-shadow:
        0 5px 18px rgba(30, 30, 50, 0.08),
        0 1px 5px rgba(128, 0, 128, 0.04);

    box-sizing: border-box;
}


/* Tableau */
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table {
    width: 100% !important;
    max-width: 100%;
    min-width: 100%;

    margin: 0;
    padding: 0;

    background-color: #ffffff;
    border: 0 !important;
    border-collapse: separate;
    border-spacing: 0;

    font-family: inherit;
    box-shadow: none !important;

    table-layout: auto;
    box-sizing: border-box;
}


/* Supprime les bordures ajoutées par le thème */
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table,
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table thead,
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody,
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tr,
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table th,
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table td {
    border: 0 !important;
}


/* =========================================================
   EN-TÊTE GRIS
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table thead {
    background-color: #f1f1f3;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table thead tr {
    background-color: #f1f1f3;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table th {
    padding: 17px 20px;

    color: #34343b;
    background-color: #f1f1f3;

    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    text-align: left;
    white-space: nowrap;
}


/* Arrondis supérieurs */
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table th:first-child {
    border-radius: 12px 0 0 0;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table th:last-child {
    border-radius: 0 12px 0 0;
}


/* =========================================================
   CONTENU BLANC
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody {
    background-color: #ffffff;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody tr {
    background-color: #ffffff;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody td {
    padding: 18px 20px;

    color: inherit;
    background-color: #ffffff;

    font-family: inherit;
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
    vertical-align: middle;
}


/* Fine séparation grise entre les commandes.
   Il s’agit d’une ombre intérieure et non d’une bordure. */
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody tr:not(:last-child) td {
    box-shadow: inset 0 -1px 0 #e8e8eb;
}


/* La dernière ligne ne reçoit aucune séparation */
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody tr:last-child td {
    box-shadow: none;
}


/* Arrondis inférieurs */
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody tr:last-child td:first-child {
    border-radius: 0 0 0 12px;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody tr:last-child td:last-child {
    border-radius: 0 0 12px 0;
}


/* =========================================================
   BOUTON VOIR
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__bouton {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: fit-content;
    padding: 8px 17px;

    color: #800080;
    background-color: #ffffff;
    border: 1px solid #800080;
    border-radius: 7px;

    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;

    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__bouton:hover {
    color: #ffffff;
    background-color: #800080;
    box-shadow: 0 4px 12px rgba(128, 0, 128, 0.16);
}


/* =========================================================
   PAGINATION
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 15px;

    width: 100%;
    margin-top: 22px;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__pagination a {
    color: #800080;
    text-decoration: none;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__pagination a:hover {
    text-decoration: underline;
}


/* =========================================================
   RESPONSIVE À PARTIR DE 1250 PX
   Chaque commande devient une fiche verticale
   ========================================================= */

@media screen and (max-width: 1250px) {

    /*
     * Le reflet général est retiré du wrapper.
     * Chaque commande reçoit alors son propre reflet.
     */
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table-wrapper {
        overflow: visible;
        background-color: transparent;
        border-radius: 0;
        box-shadow: none;
    }

    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table,
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody {
        display: block;

        width: 100% !important;
        max-width: 100%;
        min-width: 0 !important;

        background-color: transparent;
    }

    /* Masque l’en-tête horizontal */
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table thead {
        display: none;
    }

    /* Une commande devient une fiche */
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody tr {
        display: block;

        width: 100%;
        max-width: 100%;
        min-width: 0;

        margin: 0 0 20px;
        overflow: hidden;

        background-color: #ffffff;
        border: 0 !important;
        border-radius: 12px;

        box-shadow:
            0 5px 18px rgba(30, 30, 50, 0.08),
            0 1px 5px rgba(128, 0, 128, 0.04);

        box-sizing: border-box;
    }

    /*
     * Chaque ancienne colonne devient une ligne :
     * intitulé à gauche, valeur à droite.
     */
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody td {
        display: grid;
        grid-template-columns: minmax(120px, 38%) minmax(0, 1fr);
        align-items: center;
        column-gap: 18px;

        width: 100% !important;
        max-width: 100%;
        min-width: 0 !important;

        padding: 14px 18px;

        background-color: #ffffff;
        text-align: right;

        border: 0 !important;
        border-radius: 0 !important;

        box-shadow: inset 0 -1px 0 #e8e8eb;

        box-sizing: border-box;
    }

    /* Nom de la donnée */
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody td::before {
        content: attr(data-title);

        color: #4e4e4e;
        font-family: inherit;
        font-size: 14px;
        font-weight: 600;
        text-align: left;
    }

    /* Pas de séparation sous la dernière donnée */
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody td:last-child {
        box-shadow: none;
    }

    /* Valeur du statut à droite */
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__statut {
        margin-left: auto;
    }

    /* Bouton à droite */
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__bouton {
        margin-left: auto;
    }
}/* End custom CSS */
/* Start custom CSS for ld-profile, class: .elementor-element-a1ccc76 *//* =========================================================
   LEARNDASH — RECHERCHE ET BOUTON TOUT AFFICHER
   ========================================================= */
   
/* Texte normal 1ère lettre en majuscule */
   
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-text,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search-heading,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search-name label {
    text-transform: lowercase !important;
}

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-text::first-letter,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search-heading::first-letter,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search-name label::first-letter {
    text-transform: uppercase !important;
}

/* =========================================================
   ALIGNEMENT DE LA LOUPE ET DU BOUTON
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: wrap;
    gap: 40px;
    margin: 0;
}


/* =========================================================
   BOUTON LOUPE
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions .ld-search-prompt {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    text-decoration:none;
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    margin: 0;
    padding: 0 !important;
    color: #800080 !important;
    background-color: #ffffff !important;
    border: 0 !important;
    border-radius: 50% !important;
    box-shadow: 0 5px 16px rgba(120, 120, 120, 0.18);
    transition:
        color 0.25s ease,
        background-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}

/* Couleur de l’icône de recherche */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions .ld-search-prompt::before {
    color: inherit !important;
    font-size: 20px !important;
}

/* Survol de la loupe */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions .ld-search-prompt:hover {
    color: #ffffff !important;
    background-color: #800080 !important;
    transform: scale(1.12);
}


/* État actif lorsque la recherche est ouverte */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions .ld-search-prompt.ld-expanded,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions .ld-search-prompt[aria-expanded="true"] {
    color: #ffffff !important;
    background-color: #800080 !important;
    box-shadow: 0 5px 16px rgba(128, 0, 128, 0.22);
}

/* Focus clavier */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions .ld-search-prompt:focus-visible {
    outline: 3px solid rgba(128, 0, 128, 0.22);
    outline-offset: 3px;
}


/* =========================================================
   BOUTON TOUT AFFICHER
   On le cible uniquement dans l’en-tête pour ne pas modifier
   les boutons d’ouverture des formations.
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions > .ld-expand-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: auto !important;
    min-width: 180px;
    min-height: 48px;
    margin: 0;
    padding: 11px 24px !important;
    color: #ffffff !important;
    background-color: #800080 !important;
    border: 0 !important;
    border-radius: 24px !important;
    box-shadow: 0 5px 16px rgba(120, 120, 120, 0.18);
    font-family: inherit;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.2;
    text-transform: none;
    transition:
        color 0.25s ease,
        background-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}
/* Retire le contour bleu du bouton Tout afficher */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions > .ld-expand-button:focus,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions > .ld-expand-button:focus-visible,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions > .ld-expand-button:active,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions > .ld-expand-button[aria-expanded="true"] {
    outline: none !important;
    border: 0 !important;
    box-shadow: 0 5px 16px rgba(120, 120, 120, 0.18) !important;
}
/* Survol */
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions > .ld-expand-button:hover {
    color: #800080 !important;
    background-color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 7px 20px rgba(120, 120, 120, 0.24);
}

/* Focus clavier */
.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-list-actions
> .ld-expand-button:focus-visible {
    outline: 3px solid rgba(128, 0, 128, 0.22);
    outline-offset: 3px;
}


/* =========================================================
   BLOC DE RECHERCHE DÉPLIABLE
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search {
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    margin: 20px 0 26px;
    background-color: transparent !important;
    border: 0 !important;
}


/* Contenu du bloc */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-wrapper {
    position: relative;
    width: 100%;
    margin: 0;
    padding: clamp(22px, 3vw, 32px);
    color: #4e4e4e;
    background-color: #fbf7fc !important;
    border: 0 !important;
    border-radius: 22px;
    box-shadow: 0 6px 22px rgba(120, 120, 120, 0.13);
}


/* =========================================================
   TITRE DE LA RECHERCHE
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-heading {
    display:none;
}


/* =========================================================
   BOUTON DE FERMETURE
   ========================================================= */


.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer {
    position: absolute !important;
    display: block !important;
    /* Force exactement les mêmes largeur et hauteur */
    top:5px;
    right:5px;
    flex: 0 0 25px !important;
        width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    height: 25px !important;
    min-height: 25px !important;
    max-height: 25px !important;
    aspect-ratio: 1 / 1;
    font-size: 0 !important;
    line-height: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden;
    appearance: none;
    -webkit-appearance: none;
    transform: none !important;
    transition:
        background-color 0.25s ease,
        box-shadow 0.25s ease;
}

/* =========================================================
   CROIX DESSINÉE AVEC DEUX TRAITS
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer::before,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    display: block !important;
    width: 12px !important;
    height: 2px !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: #800080 !important;
    border: 0 !important;
    border-radius: 2px;
    transform-origin: center !important;
    transition: none !important;
}

/* Premier trait de la croix */
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer::before {
    transform:
        translate(-50%, -50%)
        rotate(45deg) !important;
}
/* Second trait de la croix */
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer::after {
    transform:
        translate(-50%, -50%)
        rotate(-45deg) !important;
}

/* =========================================================
   SURVOL
   Seul le fond blanc et l’ombre disparaissent
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer:hover {
    background-color: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

/* La croix ne bouge pas au survol */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer:hover::before {
    background-color: #800080 !important;
    transform:
        translate(-50%, -50%)
        rotate(45deg) !important;
}

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer:hover::after {
    background-color: #800080 !important;
    transform:
        translate(-50%, -50%)
        rotate(-45deg) !important;
}


/* =========================================================
   FORMULAIRE DE RECHERCHE
   ========================================================= */

/* Label */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-name label {
    display: none;
}

/* Champ de recherche */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-search
.ld-item-search-name
input[type="text"] {
    display: block;
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
    min-height: 52px;
    margin: 0;
    padding: 1px 18px;
    color: #4e4e4e;
    background-color: #ffffff !important;
    border: 1px solid transparent !important;
    border-radius: 20px !important;
    outline: 0;
    box-shadow: 0 5px 16px rgba(120, 120, 120, 0.12);
    font-family: inherit;
}

/* Survol du champ */
.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-search
.ld-item-search-name
input[type="text"]:hover {
    border-color: #d9d9d9 !important;
}

/* Focus du champ */
.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-search
.ld-item-search-name
input[type="text"]:focus {
    border-color: transparent !important;
    box-shadow:
        inset 0 0 0 2px #800080,
        0 5px 16px rgba(120, 120, 120, 0.12);
}

/* =========================================================
   BOUTON TEXTE « RECHERCHER »
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-submit {
    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0;
    padding: 0;
}


/* État normal */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-search
.ld-item-search-submit
input[type="submit"] {
    display: inline-block;

    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;

    margin: 0;
    padding: 8px 4px !important;

    color: #800080 !important;
    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    outline: 0;
    box-shadow: none !important;

    font-family: inherit;
    font-size: 19px !important;
    font-weight: 500;
    line-height: 1.2;
    text-transform: none;

    cursor: pointer !important;

    transition:
        font-size 0.25s ease,
        color 0.25s ease;
}


/* Survol */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-search
.ld-item-search-submit
input[type="submit"]:hover {
    color: #660066 !important;
    background: transparent !important;
    background-color: transparent !important;

    font-size: 21px !important;

    border: 0 !important;
    box-shadow: none !important;

    cursor: pointer !important;
}


/* Clic */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-search
.ld-item-search-submit
input[type="submit"]:active {
    color: #800080 !important;
    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;
}


/* Navigation au clavier */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-search
.ld-item-search-submit
input[type="submit"]:focus,
.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-search
.ld-item-search-submit
input[type="submit"]:focus-visible {
    color: #800080 !important;
    background: transparent !important;

    border: 0 !important;
    outline: 2px solid rgba(128, 0, 128, 0.25);
    outline-offset: 3px;

    box-shadow: none !important;

    cursor: pointer !important;
}

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-table-list.ld-quiz-list
> .ld-table-list-header
.ld-table-list-title,

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-table-list.ld-quiz-list
> .ld-table-list-header
.ld-table-list-column {
    color: #ffffff !important;
}

/* =========================================================
   FORCER LA SUPPRESSION DU FOND BLEU LEARNDASH
   À placer tout à la fin du CSS
   ========================================================= */


/* Bouton LearnDash */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
.learndash-wrapper
.ld-item-search
.ld-item-search-submit
input.ld-button[type="submit"] {
    display: inline-block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 8px 4px !important;
    color: #800080 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    font-size: 19px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    transition:
        color 0.25s ease,
        transform 0.25s ease !important;
}

/* Survol : léger agrandissement sans déplacer les éléments */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
.learndash-wrapper
.ld-item-search
.ld-item-search-submit
input.ld-button[type="submit"]:hover {
    color: #800080 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: scale(1.08);
    cursor: pointer !important;
}

/* Clic et focus */
.elementor-22215 .elementor-element.elementor-element-a1ccc76
.learndash-wrapper
.ld-item-search
.ld-item-search-submit
input.ld-button[type="submit"]:focus,
.elementor-22215 .elementor-element.elementor-element-a1ccc76
.learndash-wrapper
.ld-item-search
.ld-item-search-submit
input.ld-button[type="submit"]:focus-visible,
.elementor-22215 .elementor-element.elementor-element-a1ccc76
.learndash-wrapper
.ld-item-search
.ld-item-search-submit
input.ld-button[type="submit"]:active {
    color: #800080 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

/* Masquer uniquement le titre H3 « Vôtre/Vos Formations » */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list.ld-course-list
.ld-section-heading > h3 {
    display: none !important;
}
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list.ld-course-list
.ld-section-heading {
    justify-content: flex-end !important;
}

/* =========================================================
   FORMATIONS LEARNDASH — VERSION CORRIGÉE
   Le véritable conteneur est #ld-main-course-list
   ========================================================= */


/* =========================================================
   LISTE DES FORMATIONS
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 #ld-main-course-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 22px !important;
    width: 100%;
    max-width: 100%;
    margin: 30px 0 0 !important;
}


/* =========================================================
   CARTE DE FORMATION
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
> .ld-item-list-item {
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(128, 0, 128, 0.16) !important;
    border-radius: 30px !important;
    box-shadow:
        0 7px 22px
        rgba(120, 120, 120, 0.13) !important;

    box-sizing: border-box;
    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}


/* Survol de la carte */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
> .ld-item-list-item:hover {
    border-color: rgba(128, 0, 128, 0.28) !important;
    box-shadow:
        0 10px 28px
        rgba(120, 120, 120, 0.17) !important;
    transform: translateY(-2px);
}

/* =========================================================
   PARTIE SUPÉRIEURE DE LA CARTE
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-item-list-item-preview {
    display: flex !important;
    align-items: center !important;
    width: 100%;
    min-height: 82px;
    margin: 0 !important;
    padding: 18px 22px !important;
    background-color: #ffffff !important;
    border: 0 !important;
    box-sizing: border-box;
}

/* =========================================================
   NOM DE LA FORMATION
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-item-list-item-preview
.ld-item-name {
    display: flex !important;
    align-items: center !important;
    gap: 16px;
    color: #4e4e4e !important;
}


.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-course-title {
    color: #4e4e4e !important;
    font-size: 18px !important;
}

/* Bouton blanc et flèches mauves — états ouvert et fermé */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-expand-button.ld-compact.ld-not-mobile {
    background-color: #ffffff !important;
}

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-expand-button.ld-compact.ld-not-mobile
.ld-icon-arrow-down {
    color: #800080 !important;
    background-color: #ffffff !important;
}

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-expand-button.ld-compact.ld-not-mobile
.ld-icon-arrow-down::before {
    color: #800080 !important;
}
/* Retirer le cercle bleu autour de la flèche */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-expand-button.ld-compact.ld-not-mobile,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-expand-button.ld-compact.ld-not-mobile:hover,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-expand-button.ld-compact.ld-not-mobile:focus,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-expand-button.ld-compact.ld-not-mobile:active {
    background-color: #ffffff !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-expand-button.ld-compact.ld-not-mobile
.ld-icon-arrow-down {
    color: #800080 !important;
    background-color: transparent !important;
}
/* =========================================================
   PROGRESSION
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-progress {
    width: auto !important;

    margin: 0px 40px 40px 40px !important;
    padding: 0 !important;

    background-color: transparent !important;
}


/* Titre générique de progression */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-progress-label {
    display: none !important;
}


/* Ligne contenant le pourcentage et les étapes */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-progress-heading {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;

    gap: 12px;

    margin: 0 0 14px !important;
    padding: 0 !important;
}


.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-progress-stats {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;

    gap: 12px;

    width: 100% !important;
}
/* =========================================================
   BARRE DE PROGRESSION
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-progress-bar {
    overflow: hidden !important;

    width: 100% !important;
    height: 9px !important;

    margin: 0 !important;
    padding: 0 !important;

    background-color: rgba(128, 0, 128, 0.10) !important;

    border: 0 !important;
    border-radius: 20px !important;

    box-shadow: none !important;
}


/* Partie remplie de la barre */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-progress-bar
.ld-progress-bar-percentage {
    display: block !important;

    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background-color: #800080 !important;

    border: 0 !important;
    border-radius: 20px !important;

    box-shadow: none !important;
}
/* =========================================================
   POURCENTAGE
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-progress-percentage {
    color: #800080 !important;

    font-family: inherit;
    font-size: 19px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;

    text-transform: lowercase !important;
}


/* Nombre d’étapes */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-progress-steps {
    color: #77717d !important;

    font-family: inherit;
    font-size: 15px !important;
    font-weight: 400 !important;
}
.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-status-icon {
    color: #800080 !important;
}

/* header du tableau des quizzes*/
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-table-list.ld-quiz-list
> .ld-table-list-header {
    background-color: #800080 !important;
    border-radius:20px 20px 0 0;
    padding:15px;
    
}

/* Pied du tableau des quiz en violet */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-table-list.ld-quiz-list
.ld-table-list-footer {
    background-color: #800080 !important;
        border-radius: 0 0 20px 20px;
}
/* =========================================================
   PAGINATION DES QUIZZES
   ========================================================= */
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-pagination-page-profile_quizzes .ld-pages {
    display: inline-flex !important;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    margin: 0;
    padding: 0;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-pagination-page-profile_quizzes
.ld-pages > a.ld-primary-color-hover:not(.disabled):hover {
    color: #800080 !important;
}


/* =========================================================
   TABLETTE ET MOBILE
   ========================================================= */

@media screen and (max-width: 767px) {

    /* Les deux boutons restent sur la même ligne */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions {
        display: grid !important;
        grid-template-columns: 48px minmax(0, 1fr);
        width: 100%;
        gap: 10px;
    }

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions > .ld-expand-button {
        width: 100% !important;
        min-width: 0;
    }


    /* Bloc de recherche */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search {
        margin-top: 16px;
    }

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-wrapper {
        padding: 20px 16px;
        border-radius: 18px;
    }

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-heading {
        margin-right: 48px;
        margin-bottom: 20px;
    }

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer {
        top: 14px;
        right: 14px;
    }
/* =========================================================
   RESPONSIVE — RÉSERVER UNE ZONE POUR LA CROIX
   ========================================================= */

@media screen and (max-width: 767px) {

    /* Le bloc devient la référence de positionnement */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-wrapper {
        position: relative !important;

        /* Espace supérieur réservé à la croix */
        padding:
            50px
            16px
            20px
            16px !important;
        overflow: visible !important;
    }

    /* Le formulaire reste sous la croix */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-fields {
        position: relative;
        z-index: 1;
        width: 100%;
    }

    /* Le champ ne peut plus recouvrir la croix */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-name {
        position: relative;
        z-index: 1;
        width: 100%;
        min-width: 0;
    }
}

    /* Champ puis bouton sur deux lignes */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-fields {
        grid-template-columns: minmax(0, 1fr);
    }

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-submit {
        width: 100%;
    }

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .ld-item-search
    .ld-item-search-submit
    input[type="submit"] {
        width: 100%;
        min-width: 0;
    }
}

/* =========================================================
   RESPONSIVE DU TABLEAU DES QUIZ LEARNDASH

   768 px à 1024 px :
   tableau horizontal.

   767 px et moins :
   responsive natif de LearnDash.
   ========================================================= */

@media screen and (min-width: 768px) and (max-width: 1024px) {

    /* =====================================================
       TABLEAU COMPLET
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }


    /* =====================================================
       EN-TÊTE
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-header {
        display: block !important;
        margin-bottom:10px;
        width: 100% !important;
        max-width: 100% !important;
    }


    /* =====================================================
       EN-TÊTE ET LIGNES
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-header
    .ld-table-list-columns,

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-item-preview
    .ld-table-list-columns {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;

        gap: 8px !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 12px 14px !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       CONTENEUR D’UNE LIGNE
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-item-preview {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       TOUTES LES CELLULES
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-title,

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-column {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;

        float: none !important;
        clear: none !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       MASQUER LES LIBELLÉS MOBILES RÉELS

       Ces éléments contiennent :
       Certificat:
       Score:
       Statistiques:
       Date:
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-item-preview
    .ld-column-label {
        display: none !important;
        visibility: hidden !important;
        overflow: hidden !important;
    }


    /* Sécurité pour d’éventuels pseudo-éléments */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-column::before,

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-column::after {
        content: none !important;

        display: none !important;
    }


    /* =====================================================
       COLONNE QUIZ
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-title {
        flex: 1 1 10% !important;

        justify-content: flex-start !important;

        text-align: left !important;
    }


    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-title
    > a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
    }


    /* =====================================================
       COLONNE CERTIFICAT
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-column-certificate,

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-column-certificate {
        flex: 0 1 16% !important;

        justify-content: center !important;

        width: auto !important;
        min-width: 0 !important;

        text-align: center !important;
    }


    /* =====================================================
       COLONNE SCORE
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-column-scores,

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-column-scores {
        flex: 0 1 12% !important;

        justify-content: center !important;

        width: auto !important;
        min-width: 0 !important;

        text-align: center !important;
    }


    /* =====================================================
       COLONNE STATISTIQUES
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-column-stats,

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-column-stats {
        flex: 0 1 16% !important;

        justify-content: center !important;

        width: auto !important;
        min-width: 0 !important;

        text-align: center !important;
    }


    /* =====================================================
       COLONNE DATE
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-column-date,

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-column-date {
        flex: 0 1 30% !important;

        justify-content: flex-end !important;

        width: auto !important;
        min-width: 0 !important;

        white-space: normal !important;
        text-align: right !important;
    }
}
/* =========================================================
   FORMATIONS LEARNDASH — MOBILE
   Jusqu’à 767 px
   ========================================================= */

@media screen and (max-width: 767px) {

    /* =====================================================
       TITRE DE LA FORMATION
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    #ld-main-course-list
    .ld-item-list-item-preview
    .ld-item-name {
        display: flex !important;
        align-items: center !important;

        gap: 16px !important;

        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 15px 0 !important;

        box-sizing: border-box !important;
    }

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
    .ld-table-list-title
    .ld-status-icon {
        margin-bottom: 10px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1ef5494 *//* =========================================================
   STATUTS DES COMMANDES WOOCOMMERCE
   ========================================================= */


/* Apparence générale et couleur par défaut */
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: fit-content;
    max-width: 100%;
    padding: 7px 11px;
    color: #800080;
    background-color: #fbf7fc;
    border-radius: 999px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
}


/* Petit point placé avant le texte */
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut::before {
    content: "";

    display: block;
    flex: 0 0 7px;
    width: 7px;
    height: 7px;
    background-color: currentColor;
    border-radius: 50%;
}


/* =========================================================
   EN ATTENTE / PAIEMENT EN ATTENTE
   pending, on-hold, wc-pending, wc-on-hold
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--pending"],
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--on-hold"],
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--en-attente"] {
    color: #ff5207 !important;
    background-color: #ffeee6 !important;
}


/* =========================================================
   EN COURS DE TRAITEMENT
   processing ou wc-processing
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--processing"],
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--en-cours"] {
    color: #008839 !important;
    background-color: #e1f1e7 !important;
}


/* =========================================================
   TERMINÉE
   completed ou wc-completed
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--completed"],
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--terminee"] {
    color: #4e4e4e !important;
    background-color: #ececec !important;
}


/* =========================================================
   ANNULÉE
   cancelled ou wc-cancelled
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--cancelled"],
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--annulee"] {
    color: #e10024 !important;
    background-color: #ffe6e9 !important;
}


/* =========================================================
   ÉCHOUÉE
   failed ou wc-failed
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--failed"],
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--echouee"] {
    color: #e10024 !important;
    background-color: #ffe6e9 !important;
}


/* =========================================================
   REMBOURSÉE
   refunded ou wc-refunded
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--refunded"],
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--remboursee"] {
    color: #083F5A !important;
    background-color: #d7eefb !important;
}


/* =========================================================
   BROUILLON DE COMMANDE
   checkout-draft ou wc-checkout-draft
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--checkout-draft"],
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--draft"] {
    color: #e89301 !important;
    background-color: #fff5df !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-40df5f5 *//* Le widget Shortcode */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .elementor-widget-shortcode {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    align-self: stretch !important;
    flex: 0 0 100% !important;
}

/* =========================================================
   DESIGN GÉNÉRAL DU TABLEAU DES COMMANDES
   Le CSS des statuts reste séparé
   ========================================================= */


/* Conteneur principal */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}


/* Conteneur du tableau :
   arrondis et reflet léger autour du tableau */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table-wrapper {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    overflow: hidden;

    background-color: #ffffff;
    border: 0 !important;
    border-radius: 12px;

    box-shadow:
        0 5px 18px rgba(30, 30, 50, 0.08),
        0 1px 5px rgba(128, 0, 128, 0.04);

    box-sizing: border-box;
}


/* Tableau */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table {
    width: 100% !important;
    max-width: 100%;
    min-width: 100%;

    margin: 0;
    padding: 0;

    background-color: #ffffff;
    border: 0 !important;
    border-collapse: separate;
    border-spacing: 0;

    font-family: inherit;
    box-shadow: none !important;

    table-layout: auto;
    box-sizing: border-box;
}


/* Supprime les bordures ajoutées par le thème */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table,
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table thead,
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody,
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tr,
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table th,
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table td {
    border: 0 !important;
}


/* =========================================================
   EN-TÊTE GRIS
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table thead {
    background-color: #f1f1f3;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table thead tr {
    background-color: #f1f1f3;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table th {
    padding: 17px 20px;

    color: #34343b;
    background-color: #f1f1f3;

    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    text-align: left;
    white-space: nowrap;
}


/* Arrondis supérieurs */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table th:first-child {
    border-radius: 12px 0 0 0;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table th:last-child {
    border-radius: 0 12px 0 0;
}


/* =========================================================
   CONTENU BLANC
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody {
    background-color: #ffffff;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody tr {
    background-color: #ffffff;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody td {
    padding: 18px 20px;

    color: inherit;
    background-color: #ffffff;

    font-family: inherit;
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
    vertical-align: middle;
}


/* Fine séparation grise entre les commandes.
   Il s’agit d’une ombre intérieure et non d’une bordure. */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody tr:not(:last-child) td {
    box-shadow: inset 0 -1px 0 #e8e8eb;
}


/* La dernière ligne ne reçoit aucune séparation */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody tr:last-child td {
    box-shadow: none;
}


/* Arrondis inférieurs */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody tr:last-child td:first-child {
    border-radius: 0 0 0 12px;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody tr:last-child td:last-child {
    border-radius: 0 0 12px 0;
}


/* =========================================================
   BOUTON VOIR
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__bouton {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: fit-content;
    padding: 8px 17px;

    color: #800080;
    background-color: #ffffff;
    border: 1px solid #800080;
    border-radius: 7px;

    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;

    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__bouton:hover {
    color: #ffffff;
    background-color: #800080;
    box-shadow: 0 4px 12px rgba(128, 0, 128, 0.16);
}


/* =========================================================
   PAGINATION
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 15px;

    width: 100%;
    margin-top: 22px;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__pagination a {
    color: #800080;
    text-decoration: none;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__pagination a:hover {
    text-decoration: underline;
}


/* =========================================================
   RESPONSIVE À PARTIR DE 1250 PX
   Chaque commande devient une fiche verticale
   ========================================================= */

@media screen and (max-width: 1250px) {

    /*
     * Le reflet général est retiré du wrapper.
     * Chaque commande reçoit alors son propre reflet.
     */
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table-wrapper {
        overflow: visible;
        background-color: transparent;
        border-radius: 0;
        box-shadow: none;
    }

    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table,
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody {
        display: block;

        width: 100% !important;
        max-width: 100%;
        min-width: 0 !important;

        background-color: transparent;
    }

    /* Masque l’en-tête horizontal */
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table thead {
        display: none;
    }

    /* Une commande devient une fiche */
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody tr {
        display: block;

        width: 100%;
        max-width: 100%;
        min-width: 0;

        margin: 0 0 20px;
        overflow: hidden;

        background-color: #ffffff;
        border: 0 !important;
        border-radius: 12px;

        box-shadow:
            0 5px 18px rgba(30, 30, 50, 0.08),
            0 1px 5px rgba(128, 0, 128, 0.04);

        box-sizing: border-box;
    }

    /*
     * Chaque ancienne colonne devient une ligne :
     * intitulé à gauche, valeur à droite.
     */
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody td {
        display: grid;
        grid-template-columns: minmax(120px, 38%) minmax(0, 1fr);
        align-items: center;
        column-gap: 18px;

        width: 100% !important;
        max-width: 100%;
        min-width: 0 !important;

        padding: 14px 18px;

        background-color: #ffffff;
        text-align: right;

        border: 0 !important;
        border-radius: 0 !important;

        box-shadow: inset 0 -1px 0 #e8e8eb;

        box-sizing: border-box;
    }

    /* Nom de la donnée */
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody td::before {
        content: attr(data-title);

        color: #4e4e4e;
        font-family: inherit;
        font-size: 14px;
        font-weight: 600;
        text-align: left;
    }

    /* Pas de séparation sous la dernière donnée */
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody td:last-child {
        box-shadow: none;
    }

    /* Valeur du statut à droite */
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__statut {
        margin-left: auto;
    }

    /* Bouton à droite */
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__bouton {
        margin-left: auto;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8805fc *//* =========================================================
   FORMULAIRE INFORMATIONS PERSONNELLES
   Couleurs principales :
   Mauve : #800080
   Rose clair : #FBF7FC
   ========================================================= */


/* =========================================================
   MASQUER LA PHOTO UNIQUEMENT DANS LE FORMULAIRE
   L’avatar de la colonne latérale reste visible
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .macfw-avatar-upload-section {
    display: none !important;
}


/* Évite un éventuel espace vide laissé par le bloc photo */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm > .macfw-avatar-upload-section + hr,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .macfw-avatar-upload-section + hr {
    display: none !important;
}


/* =========================================================
   FORMULAIRE COMPLET
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 30px;
    row-gap: 22px;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    margin: 0;
    padding: clamp(22px, 3vw, 40px);

    color: #4e4e4e;
    background-color: #ffffff;

    border: 0 !important;

    font-family: inherit;
    box-sizing: border-box;
}


/* Tous les éléments utilisent le même calcul de largeur */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm *,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm *::before,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm *::after {
    box-sizing: border-box;
}


/* Retire les marges WooCommerce par défaut */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm p {
    margin: 0;
}


/* Prénom et nom : deux colonnes */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-form-row--first,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-form-row--last {
    width: 100% !important;
    min-width: 0;
    margin: 0 !important;
    float: none !important;
}


/* Champs larges sur toute la ligne */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-form-row--wide,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .form-row-wide,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .pog-account-vat-number {
    grid-column: 1 / -1;

    width: 100% !important;
    max-width: 100%;
    min-width: 0;

    margin: 0 !important;
}


/* Retire les anciens éléments de nettoyage des floats */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .clear {
    display: none;
}


/* =========================================================
   LABELS
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm label {
    display: block;

    margin: 0 0 8px;

    color: #800080;

    font-family: inherit;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
}


/* Astérisques obligatoires */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm label .required {
    color: #e10024 ;
    font-size:18px;
    text-decoration: none;
}


/* =========================================================
   CHAMPS DE SAISIE
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="text"],
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="email"],
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="password"],
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="tel"],
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm select,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm textarea {
    display: block;

    width: 100% !important;
    max-width: 100%;
    min-width: 0;
    min-height: 52px;

    margin: 0;
    padding: 12px 16px;

    color: #4e4e4e;
   
    border: 1px solid transparent !important;
    border-radius: 20px;
    outline: 0;
box-shadow: 0 5px 16px rgba(120, 120, 120, 0.12);

}


/* Survol */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="text"]:hover,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="email"]:hover,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="password"]:hover,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="tel"]:hover,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm select:hover,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm textarea:hover {
    background-color: #ffffff;
    border: 1px solid #d9d9d9 !important;
}


/* Focus */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="text"]:focus,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="email"]:focus,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="password"]:focus,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="tel"]:focus,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm select:focus,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm textarea:focus {
    background-color: #ffffff;
    border-color: transparent !important;
    box-shadow:
        inset 0 0 0 2px #800080,
        0 4px 14px rgba(120, 120, 120, 0.12);
}


/* =========================================================
   TEXTE SOUS LE NOM AFFICHÉ
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm em {
    display: block;

    margin-top: 8px;

    color: #77717d;

    font-family: inherit;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
}


/* =========================================================
   SECTION MOT DE PASSE
   ========================================================= */

/* =========================================================
   ALIGNEMENT DES CHAMPS DE MOT DE PASSE
   ========================================================= */


/* Les titres restent au-dessus des champs */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm fieldset p label {
    display: block !important;

    width: 100%;
    margin: 0 0 8px;

    color: #4e4e4e;

    font-family: inherit;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    text-align: left;
}

/* Le bloc reste à sa position naturelle sous le champ TVA */


/* =========================================================
   BOUTON ENREGISTRER
   Uniquement le paragraphe directement placé dans le formulaire
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm > p:last-child {
    grid-column: 1 / -1;

    display: flex !important;
    justify-content: flex-start;
    align-items: center;

    width: 100%;
    margin: 4px 0 0 !important;
}

/* Titre “Changement de mot de passe” */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm fieldset legend {
    display: block;
    width: 100%;

    margin: 0 0 2px;
    padding: 0;

    color: #800080;

    font-family: inherit;
    font-size: clamp(19px, 2vw, 23px);
    font-weight: 600;
    line-height: 1.3;
}

/* =========================================================
   BOUTON ENREGISTRER
   ========================================================= */

/* Boutons WooCommerce du formulaire */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm button[type="submit"],
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-Button,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    color: #ffffff !important;
    background-color: #800080 !important;

    border: 0 !important;
    border-radius: 20px 20px 20px 20px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);

    font-family: inherit;
    line-height: 1.2;
    text-decoration: none;
}


/* Survol du bouton */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm button[type="submit"]:hover,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-Button:hover,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .button:hover {
    color: #800080!important;
    background-color: #ffffff !important;
}


/* Focus clavier */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm button[type="submit"]:focus-visible,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-Button:focus-visible,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .button:focus-visible {
    outline: 3px solid rgba(128, 0, 128, 0.22);
    outline-offset: 3px;    
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media screen and (max-width: 767px) {

    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
        padding: 20px 16px;
        border-radius: 12px;
    }

    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-form-row--first,
    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-form-row--last,
    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-form-row--wide,
    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm fieldset,
    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm p:last-child {
        grid-column: 1;
    }

    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm button[type="submit"],
    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-Button,
    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .button {
        width: 100% !important;
        min-width: 0;
    }
}

/* =========================================================
   MOTS DE PASSE DIFFÉRENTS
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .pog-password-match-message.pog-password-match-error {
    color: #e10024;
    font-size: 15px;
    background-color: #ffffff;
}


/* =========================================================
   MOTS DE PASSE IDENTIQUES
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .pog-password-match-message.pog-password-match-success {
    color: #008839;
    font-size: 15px;
    background-color: #ffffff;
}


/* =========================================================
   MESSAGE VIDE
   Empêche de conserver un bloc vide
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .pog-password-match-message:empty {
    display: none;
}

/* =========================================================
   ROBUSTESSE DU CODE SECRET
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-password-hint {
    display: block !important;
    margin-top: 12px !important;
    margin-bottom: 20px !important;
}

.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-password-strength {
    text-align: left;
    font-size: 15px;
    margin-bottom:10px;
}
   
/* Très faible */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-password-strength.short {
    color: #e10024 !important;
    background-color: #ffffff !important;
}


/* Faible */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-password-strength.bad {
    color: #ff5207 !important;
    background-color: #ffffff !important;
}


/* Moyenne */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-password-strength.good {
    color: #e89301 !important;
    font-size: 15px;
    background-color: #ffffff !important;
}


/* Forte */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-password-strength.strong {
    color: #008839 !important;
    background-color: #ffff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa16885 *//* =========================================================
   STATUTS DES COMMANDES WOOCOMMERCE
   ========================================================= */


/* Apparence générale et couleur par défaut */
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: fit-content;
    max-width: 100%;
    padding: 7px 11px;
    color: #800080;
    background-color: #fbf7fc;
    border-radius: 999px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
}


/* Petit point placé avant le texte */
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut::before {
    content: "";

    display: block;
    flex: 0 0 7px;
    width: 7px;
    height: 7px;
    background-color: currentColor;
    border-radius: 50%;
}


/* =========================================================
   EN ATTENTE / PAIEMENT EN ATTENTE
   pending, on-hold, wc-pending, wc-on-hold
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--pending"],
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--on-hold"],
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--en-attente"] {
    color: #ff5207 !important;
    background-color: #ffeee6 !important;
}


/* =========================================================
   EN COURS DE TRAITEMENT
   processing ou wc-processing
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--processing"],
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--en-cours"] {
    color: #008839 !important;
    background-color: #e1f1e7 !important;
}


/* =========================================================
   TERMINÉE
   completed ou wc-completed
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--completed"],
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--terminee"] {
    color: #4e4e4e !important;
    background-color: #ececec !important;
}


/* =========================================================
   ANNULÉE
   cancelled ou wc-cancelled
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--cancelled"],
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--annulee"] {
    color: #e10024 !important;
    background-color: #ffe6e9 !important;
}


/* =========================================================
   ÉCHOUÉE
   failed ou wc-failed
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--failed"],
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--echouee"] {
    color: #e10024 !important;
    background-color: #ffe6e9 !important;
}


/* =========================================================
   REMBOURSÉE
   refunded ou wc-refunded
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--refunded"],
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--remboursee"] {
    color: #083F5A !important;
    background-color: #d7eefb !important;
}


/* =========================================================
   BROUILLON DE COMMANDE
   checkout-draft ou wc-checkout-draft
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--checkout-draft"],
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--draft"] {
    color: #e89301 !important;
    background-color: #fff5df !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f022abf *//* =========================================================
   DESIGN GÉNÉRAL DU TABLEAU DES COMMANDES
   Le CSS des statuts reste séparé
   ========================================================= */


/* Conteneur principal */
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}


/* Conteneur du tableau :
   arrondis et reflet léger autour du tableau */
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table-wrapper {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    overflow: hidden;

    background-color: #ffffff;
    border: 0 !important;
    border-radius: 12px;

    box-shadow:
        0 5px 18px rgba(30, 30, 50, 0.08),
        0 1px 5px rgba(128, 0, 128, 0.04);

    box-sizing: border-box;
}


/* Tableau */
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table {
    width: 100% !important;
    max-width: 100%;
    min-width: 100%;

    margin: 0;
    padding: 0;

    background-color: #ffffff;
    border: 0 !important;
    border-collapse: separate;
    border-spacing: 0;

    font-family: inherit;
    box-shadow: none !important;

    table-layout: auto;
    box-sizing: border-box;
}


/* Supprime les bordures ajoutées par le thème */
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table,
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table thead,
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody,
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tr,
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table th,
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table td {
    border: 0 !important;
}


/* =========================================================
   EN-TÊTE GRIS
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table thead {
    background-color: #f1f1f3;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table thead tr {
    background-color: #f1f1f3;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table th {
    padding: 17px 20px;

    color: #34343b;
    background-color: #f1f1f3;

    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    text-align: left;
    white-space: nowrap;
}


/* Arrondis supérieurs */
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table th:first-child {
    border-radius: 12px 0 0 0;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table th:last-child {
    border-radius: 0 12px 0 0;
}


/* =========================================================
   CONTENU BLANC
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody {
    background-color: #ffffff;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody tr {
    background-color: #ffffff;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody td {
    padding: 18px 20px;

    color: inherit;
    background-color: #ffffff;

    font-family: inherit;
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
    vertical-align: middle;
}


/* Fine séparation grise entre les commandes.
   Il s’agit d’une ombre intérieure et non d’une bordure. */
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody tr:not(:last-child) td {
    box-shadow: inset 0 -1px 0 #e8e8eb;
}


/* La dernière ligne ne reçoit aucune séparation */
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody tr:last-child td {
    box-shadow: none;
}


/* Arrondis inférieurs */
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody tr:last-child td:first-child {
    border-radius: 0 0 0 12px;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody tr:last-child td:last-child {
    border-radius: 0 0 12px 0;
}


/* =========================================================
   BOUTON VOIR
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__bouton {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: fit-content;
    padding: 8px 17px;

    color: #800080;
    background-color: #ffffff;
    border: 1px solid #800080;
    border-radius: 7px;

    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;

    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__bouton:hover {
    color: #ffffff;
    background-color: #800080;
    box-shadow: 0 4px 12px rgba(128, 0, 128, 0.16);
}


/* =========================================================
   PAGINATION
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 15px;

    width: 100%;
    margin-top: 22px;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__pagination a {
    color: #800080;
    text-decoration: none;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__pagination a:hover {
    text-decoration: underline;
}


/* =========================================================
   RESPONSIVE À PARTIR DE 1250 PX
   Chaque commande devient une fiche verticale
   ========================================================= */

@media screen and (max-width: 1250px) {

    /*
     * Le reflet général est retiré du wrapper.
     * Chaque commande reçoit alors son propre reflet.
     */
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table-wrapper {
        overflow: visible;
        background-color: transparent;
        border-radius: 0;
        box-shadow: none;
    }

    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table,
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody {
        display: block;

        width: 100% !important;
        max-width: 100%;
        min-width: 0 !important;

        background-color: transparent;
    }

    /* Masque l’en-tête horizontal */
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table thead {
        display: none;
    }

    /* Une commande devient une fiche */
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody tr {
        display: block;

        width: 100%;
        max-width: 100%;
        min-width: 0;

        margin: 0 0 20px;
        overflow: hidden;

        background-color: #ffffff;
        border: 0 !important;
        border-radius: 12px;

        box-shadow:
            0 5px 18px rgba(30, 30, 50, 0.08),
            0 1px 5px rgba(128, 0, 128, 0.04);

        box-sizing: border-box;
    }

    /*
     * Chaque ancienne colonne devient une ligne :
     * intitulé à gauche, valeur à droite.
     */
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody td {
        display: grid;
        grid-template-columns: minmax(120px, 38%) minmax(0, 1fr);
        align-items: center;
        column-gap: 18px;

        width: 100% !important;
        max-width: 100%;
        min-width: 0 !important;

        padding: 14px 18px;

        background-color: #ffffff;
        text-align: right;

        border: 0 !important;
        border-radius: 0 !important;

        box-shadow: inset 0 -1px 0 #e8e8eb;

        box-sizing: border-box;
    }

    /* Nom de la donnée */
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody td::before {
        content: attr(data-title);

        color: #4e4e4e;
        font-family: inherit;
        font-size: 14px;
        font-weight: 600;
        text-align: left;
    }

    /* Pas de séparation sous la dernière donnée */
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody td:last-child {
        box-shadow: none;
    }

    /* Valeur du statut à droite */
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__statut {
        margin-left: auto;
    }

    /* Bouton à droite */
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__bouton {
        margin-left: auto;
    }
}/* End custom CSS */
/* Start custom CSS for ld-profile, class: .elementor-element-a1ccc76 *//* =========================================================
   LEARNDASH — RECHERCHE ET BOUTON TOUT AFFICHER
   ========================================================= */
   
/* Texte normal 1ère lettre en majuscule */
   
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-text,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search-heading,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search-name label {
    text-transform: lowercase !important;
}

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-text::first-letter,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search-heading::first-letter,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search-name label::first-letter {
    text-transform: uppercase !important;
}

/* =========================================================
   ALIGNEMENT DE LA LOUPE ET DU BOUTON
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: wrap;
    gap: 40px;
    margin: 0;
}


/* =========================================================
   BOUTON LOUPE
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions .ld-search-prompt {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    text-decoration:none;
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    margin: 0;
    padding: 0 !important;
    color: #800080 !important;
    background-color: #ffffff !important;
    border: 0 !important;
    border-radius: 50% !important;
    box-shadow: 0 5px 16px rgba(120, 120, 120, 0.18);
    transition:
        color 0.25s ease,
        background-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}

/* Couleur de l’icône de recherche */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions .ld-search-prompt::before {
    color: inherit !important;
    font-size: 20px !important;
}

/* Survol de la loupe */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions .ld-search-prompt:hover {
    color: #ffffff !important;
    background-color: #800080 !important;
    transform: scale(1.12);
}


/* État actif lorsque la recherche est ouverte */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions .ld-search-prompt.ld-expanded,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions .ld-search-prompt[aria-expanded="true"] {
    color: #ffffff !important;
    background-color: #800080 !important;
    box-shadow: 0 5px 16px rgba(128, 0, 128, 0.22);
}

/* Focus clavier */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions .ld-search-prompt:focus-visible {
    outline: 3px solid rgba(128, 0, 128, 0.22);
    outline-offset: 3px;
}


/* =========================================================
   BOUTON TOUT AFFICHER
   On le cible uniquement dans l’en-tête pour ne pas modifier
   les boutons d’ouverture des formations.
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions > .ld-expand-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: auto !important;
    min-width: 180px;
    min-height: 48px;
    margin: 0;
    padding: 11px 24px !important;
    color: #ffffff !important;
    background-color: #800080 !important;
    border: 0 !important;
    border-radius: 24px !important;
    box-shadow: 0 5px 16px rgba(120, 120, 120, 0.18);
    font-family: inherit;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.2;
    text-transform: none;
    transition:
        color 0.25s ease,
        background-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}
/* Retire le contour bleu du bouton Tout afficher */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions > .ld-expand-button:focus,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions > .ld-expand-button:focus-visible,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions > .ld-expand-button:active,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions > .ld-expand-button[aria-expanded="true"] {
    outline: none !important;
    border: 0 !important;
    box-shadow: 0 5px 16px rgba(120, 120, 120, 0.18) !important;
}
/* Survol */
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions > .ld-expand-button:hover {
    color: #800080 !important;
    background-color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 7px 20px rgba(120, 120, 120, 0.24);
}

/* Focus clavier */
.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-list-actions
> .ld-expand-button:focus-visible {
    outline: 3px solid rgba(128, 0, 128, 0.22);
    outline-offset: 3px;
}


/* =========================================================
   BLOC DE RECHERCHE DÉPLIABLE
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search {
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    margin: 20px 0 26px;
    background-color: transparent !important;
    border: 0 !important;
}


/* Contenu du bloc */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-wrapper {
    position: relative;
    width: 100%;
    margin: 0;
    padding: clamp(22px, 3vw, 32px);
    color: #4e4e4e;
    background-color: #fbf7fc !important;
    border: 0 !important;
    border-radius: 22px;
    box-shadow: 0 6px 22px rgba(120, 120, 120, 0.13);
}


/* =========================================================
   TITRE DE LA RECHERCHE
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-heading {
    display:none;
}


/* =========================================================
   BOUTON DE FERMETURE
   ========================================================= */


.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer {
    position: absolute !important;
    display: block !important;
    /* Force exactement les mêmes largeur et hauteur */
    top:5px;
    right:5px;
    flex: 0 0 25px !important;
        width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    height: 25px !important;
    min-height: 25px !important;
    max-height: 25px !important;
    aspect-ratio: 1 / 1;
    font-size: 0 !important;
    line-height: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden;
    appearance: none;
    -webkit-appearance: none;
    transform: none !important;
    transition:
        background-color 0.25s ease,
        box-shadow 0.25s ease;
}

/* =========================================================
   CROIX DESSINÉE AVEC DEUX TRAITS
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer::before,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    display: block !important;
    width: 12px !important;
    height: 2px !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: #800080 !important;
    border: 0 !important;
    border-radius: 2px;
    transform-origin: center !important;
    transition: none !important;
}

/* Premier trait de la croix */
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer::before {
    transform:
        translate(-50%, -50%)
        rotate(45deg) !important;
}
/* Second trait de la croix */
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer::after {
    transform:
        translate(-50%, -50%)
        rotate(-45deg) !important;
}

/* =========================================================
   SURVOL
   Seul le fond blanc et l’ombre disparaissent
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer:hover {
    background-color: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

/* La croix ne bouge pas au survol */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer:hover::before {
    background-color: #800080 !important;
    transform:
        translate(-50%, -50%)
        rotate(45deg) !important;
}

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer:hover::after {
    background-color: #800080 !important;
    transform:
        translate(-50%, -50%)
        rotate(-45deg) !important;
}


/* =========================================================
   FORMULAIRE DE RECHERCHE
   ========================================================= */

/* Label */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-name label {
    display: none;
}

/* Champ de recherche */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-search
.ld-item-search-name
input[type="text"] {
    display: block;
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
    min-height: 52px;
    margin: 0;
    padding: 1px 18px;
    color: #4e4e4e;
    background-color: #ffffff !important;
    border: 1px solid transparent !important;
    border-radius: 20px !important;
    outline: 0;
    box-shadow: 0 5px 16px rgba(120, 120, 120, 0.12);
    font-family: inherit;
}

/* Survol du champ */
.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-search
.ld-item-search-name
input[type="text"]:hover {
    border-color: #d9d9d9 !important;
}

/* Focus du champ */
.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-search
.ld-item-search-name
input[type="text"]:focus {
    border-color: transparent !important;
    box-shadow:
        inset 0 0 0 2px #800080,
        0 5px 16px rgba(120, 120, 120, 0.12);
}

/* =========================================================
   BOUTON TEXTE « RECHERCHER »
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-submit {
    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0;
    padding: 0;
}


/* État normal */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-search
.ld-item-search-submit
input[type="submit"] {
    display: inline-block;

    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;

    margin: 0;
    padding: 8px 4px !important;

    color: #800080 !important;
    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    outline: 0;
    box-shadow: none !important;

    font-family: inherit;
    font-size: 19px !important;
    font-weight: 500;
    line-height: 1.2;
    text-transform: none;

    cursor: pointer !important;

    transition:
        font-size 0.25s ease,
        color 0.25s ease;
}


/* Survol */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-search
.ld-item-search-submit
input[type="submit"]:hover {
    color: #660066 !important;
    background: transparent !important;
    background-color: transparent !important;

    font-size: 21px !important;

    border: 0 !important;
    box-shadow: none !important;

    cursor: pointer !important;
}


/* Clic */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-search
.ld-item-search-submit
input[type="submit"]:active {
    color: #800080 !important;
    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;
}


/* Navigation au clavier */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-search
.ld-item-search-submit
input[type="submit"]:focus,
.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-search
.ld-item-search-submit
input[type="submit"]:focus-visible {
    color: #800080 !important;
    background: transparent !important;

    border: 0 !important;
    outline: 2px solid rgba(128, 0, 128, 0.25);
    outline-offset: 3px;

    box-shadow: none !important;

    cursor: pointer !important;
}

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-table-list.ld-quiz-list
> .ld-table-list-header
.ld-table-list-title,

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-table-list.ld-quiz-list
> .ld-table-list-header
.ld-table-list-column {
    color: #ffffff !important;
}

/* =========================================================
   FORCER LA SUPPRESSION DU FOND BLEU LEARNDASH
   À placer tout à la fin du CSS
   ========================================================= */


/* Bouton LearnDash */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
.learndash-wrapper
.ld-item-search
.ld-item-search-submit
input.ld-button[type="submit"] {
    display: inline-block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 8px 4px !important;
    color: #800080 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    font-size: 19px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    transition:
        color 0.25s ease,
        transform 0.25s ease !important;
}

/* Survol : léger agrandissement sans déplacer les éléments */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
.learndash-wrapper
.ld-item-search
.ld-item-search-submit
input.ld-button[type="submit"]:hover {
    color: #800080 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: scale(1.08);
    cursor: pointer !important;
}

/* Clic et focus */
.elementor-22215 .elementor-element.elementor-element-a1ccc76
.learndash-wrapper
.ld-item-search
.ld-item-search-submit
input.ld-button[type="submit"]:focus,
.elementor-22215 .elementor-element.elementor-element-a1ccc76
.learndash-wrapper
.ld-item-search
.ld-item-search-submit
input.ld-button[type="submit"]:focus-visible,
.elementor-22215 .elementor-element.elementor-element-a1ccc76
.learndash-wrapper
.ld-item-search
.ld-item-search-submit
input.ld-button[type="submit"]:active {
    color: #800080 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

/* Masquer uniquement le titre H3 « Vôtre/Vos Formations » */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list.ld-course-list
.ld-section-heading > h3 {
    display: none !important;
}
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list.ld-course-list
.ld-section-heading {
    justify-content: flex-end !important;
}

/* =========================================================
   FORMATIONS LEARNDASH — VERSION CORRIGÉE
   Le véritable conteneur est #ld-main-course-list
   ========================================================= */


/* =========================================================
   LISTE DES FORMATIONS
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 #ld-main-course-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 22px !important;
    width: 100%;
    max-width: 100%;
    margin: 30px 0 0 !important;
}


/* =========================================================
   CARTE DE FORMATION
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
> .ld-item-list-item {
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(128, 0, 128, 0.16) !important;
    border-radius: 30px !important;
    box-shadow:
        0 7px 22px
        rgba(120, 120, 120, 0.13) !important;

    box-sizing: border-box;
    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}


/* Survol de la carte */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
> .ld-item-list-item:hover {
    border-color: rgba(128, 0, 128, 0.28) !important;
    box-shadow:
        0 10px 28px
        rgba(120, 120, 120, 0.17) !important;
    transform: translateY(-2px);
}

/* =========================================================
   PARTIE SUPÉRIEURE DE LA CARTE
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-item-list-item-preview {
    display: flex !important;
    align-items: center !important;
    width: 100%;
    min-height: 82px;
    margin: 0 !important;
    padding: 18px 22px !important;
    background-color: #ffffff !important;
    border: 0 !important;
    box-sizing: border-box;
}

/* =========================================================
   NOM DE LA FORMATION
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-item-list-item-preview
.ld-item-name {
    display: flex !important;
    align-items: center !important;
    gap: 16px;
    color: #4e4e4e !important;
}


.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-course-title {
    color: #4e4e4e !important;
    font-size: 18px !important;
}

/* Bouton blanc et flèches mauves — états ouvert et fermé */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-expand-button.ld-compact.ld-not-mobile {
    background-color: #ffffff !important;
}

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-expand-button.ld-compact.ld-not-mobile
.ld-icon-arrow-down {
    color: #800080 !important;
    background-color: #ffffff !important;
}

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-expand-button.ld-compact.ld-not-mobile
.ld-icon-arrow-down::before {
    color: #800080 !important;
}
/* Retirer le cercle bleu autour de la flèche */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-expand-button.ld-compact.ld-not-mobile,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-expand-button.ld-compact.ld-not-mobile:hover,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-expand-button.ld-compact.ld-not-mobile:focus,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-expand-button.ld-compact.ld-not-mobile:active {
    background-color: #ffffff !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-expand-button.ld-compact.ld-not-mobile
.ld-icon-arrow-down {
    color: #800080 !important;
    background-color: transparent !important;
}
/* =========================================================
   PROGRESSION
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-progress {
    width: auto !important;

    margin: 0px 40px 40px 40px !important;
    padding: 0 !important;

    background-color: transparent !important;
}


/* Titre générique de progression */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-progress-label {
    display: none !important;
}


/* Ligne contenant le pourcentage et les étapes */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-progress-heading {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;

    gap: 12px;

    margin: 0 0 14px !important;
    padding: 0 !important;
}


.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-progress-stats {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;

    gap: 12px;

    width: 100% !important;
}
/* =========================================================
   BARRE DE PROGRESSION
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-progress-bar {
    overflow: hidden !important;

    width: 100% !important;
    height: 9px !important;

    margin: 0 !important;
    padding: 0 !important;

    background-color: rgba(128, 0, 128, 0.10) !important;

    border: 0 !important;
    border-radius: 20px !important;

    box-shadow: none !important;
}


/* Partie remplie de la barre */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-progress-bar
.ld-progress-bar-percentage {
    display: block !important;

    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background-color: #800080 !important;

    border: 0 !important;
    border-radius: 20px !important;

    box-shadow: none !important;
}
/* =========================================================
   POURCENTAGE
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-progress-percentage {
    color: #800080 !important;

    font-family: inherit;
    font-size: 19px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;

    text-transform: lowercase !important;
}


/* Nombre d’étapes */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-progress-steps {
    color: #77717d !important;

    font-family: inherit;
    font-size: 15px !important;
    font-weight: 400 !important;
}
.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-status-icon {
    color: #800080 !important;
}

/* header du tableau des quizzes*/
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-table-list.ld-quiz-list
> .ld-table-list-header {
    background-color: #800080 !important;
    border-radius:20px 20px 0 0;
    padding:15px;
    
}

/* Pied du tableau des quiz en violet */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-table-list.ld-quiz-list
.ld-table-list-footer {
    background-color: #800080 !important;
        border-radius: 0 0 20px 20px;
}
/* =========================================================
   PAGINATION DES QUIZZES
   ========================================================= */
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-pagination-page-profile_quizzes .ld-pages {
    display: inline-flex !important;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    margin: 0;
    padding: 0;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-pagination-page-profile_quizzes
.ld-pages > a.ld-primary-color-hover:not(.disabled):hover {
    color: #800080 !important;
}


/* =========================================================
   TABLETTE ET MOBILE
   ========================================================= */

@media screen and (max-width: 767px) {

    /* Les deux boutons restent sur la même ligne */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions {
        display: grid !important;
        grid-template-columns: 48px minmax(0, 1fr);
        width: 100%;
        gap: 10px;
    }

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions > .ld-expand-button {
        width: 100% !important;
        min-width: 0;
    }


    /* Bloc de recherche */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search {
        margin-top: 16px;
    }

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-wrapper {
        padding: 20px 16px;
        border-radius: 18px;
    }

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-heading {
        margin-right: 48px;
        margin-bottom: 20px;
    }

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer {
        top: 14px;
        right: 14px;
    }
/* =========================================================
   RESPONSIVE — RÉSERVER UNE ZONE POUR LA CROIX
   ========================================================= */

@media screen and (max-width: 767px) {

    /* Le bloc devient la référence de positionnement */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-wrapper {
        position: relative !important;

        /* Espace supérieur réservé à la croix */
        padding:
            50px
            16px
            20px
            16px !important;
        overflow: visible !important;
    }

    /* Le formulaire reste sous la croix */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-fields {
        position: relative;
        z-index: 1;
        width: 100%;
    }

    /* Le champ ne peut plus recouvrir la croix */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-name {
        position: relative;
        z-index: 1;
        width: 100%;
        min-width: 0;
    }
}

    /* Champ puis bouton sur deux lignes */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-fields {
        grid-template-columns: minmax(0, 1fr);
    }

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-submit {
        width: 100%;
    }

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .ld-item-search
    .ld-item-search-submit
    input[type="submit"] {
        width: 100%;
        min-width: 0;
    }
}

/* =========================================================
   RESPONSIVE DU TABLEAU DES QUIZ LEARNDASH

   768 px à 1024 px :
   tableau horizontal.

   767 px et moins :
   responsive natif de LearnDash.
   ========================================================= */

@media screen and (min-width: 768px) and (max-width: 1024px) {

    /* =====================================================
       TABLEAU COMPLET
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }


    /* =====================================================
       EN-TÊTE
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-header {
        display: block !important;
        margin-bottom:10px;
        width: 100% !important;
        max-width: 100% !important;
    }


    /* =====================================================
       EN-TÊTE ET LIGNES
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-header
    .ld-table-list-columns,

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-item-preview
    .ld-table-list-columns {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;

        gap: 8px !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 12px 14px !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       CONTENEUR D’UNE LIGNE
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-item-preview {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       TOUTES LES CELLULES
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-title,

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-column {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;

        float: none !important;
        clear: none !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       MASQUER LES LIBELLÉS MOBILES RÉELS

       Ces éléments contiennent :
       Certificat:
       Score:
       Statistiques:
       Date:
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-item-preview
    .ld-column-label {
        display: none !important;
        visibility: hidden !important;
        overflow: hidden !important;
    }


    /* Sécurité pour d’éventuels pseudo-éléments */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-column::before,

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-column::after {
        content: none !important;

        display: none !important;
    }


    /* =====================================================
       COLONNE QUIZ
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-title {
        flex: 1 1 10% !important;

        justify-content: flex-start !important;

        text-align: left !important;
    }


    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-title
    > a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
    }


    /* =====================================================
       COLONNE CERTIFICAT
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-column-certificate,

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-column-certificate {
        flex: 0 1 16% !important;

        justify-content: center !important;

        width: auto !important;
        min-width: 0 !important;

        text-align: center !important;
    }


    /* =====================================================
       COLONNE SCORE
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-column-scores,

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-column-scores {
        flex: 0 1 12% !important;

        justify-content: center !important;

        width: auto !important;
        min-width: 0 !important;

        text-align: center !important;
    }


    /* =====================================================
       COLONNE STATISTIQUES
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-column-stats,

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-column-stats {
        flex: 0 1 16% !important;

        justify-content: center !important;

        width: auto !important;
        min-width: 0 !important;

        text-align: center !important;
    }


    /* =====================================================
       COLONNE DATE
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-column-date,

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-column-date {
        flex: 0 1 30% !important;

        justify-content: flex-end !important;

        width: auto !important;
        min-width: 0 !important;

        white-space: normal !important;
        text-align: right !important;
    }
}
/* =========================================================
   FORMATIONS LEARNDASH — MOBILE
   Jusqu’à 767 px
   ========================================================= */

@media screen and (max-width: 767px) {

    /* =====================================================
       TITRE DE LA FORMATION
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    #ld-main-course-list
    .ld-item-list-item-preview
    .ld-item-name {
        display: flex !important;
        align-items: center !important;

        gap: 16px !important;

        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 15px 0 !important;

        box-sizing: border-box !important;
    }

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
    .ld-table-list-title
    .ld-status-icon {
        margin-bottom: 10px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1ef5494 *//* =========================================================
   STATUTS DES COMMANDES WOOCOMMERCE
   ========================================================= */


/* Apparence générale et couleur par défaut */
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: fit-content;
    max-width: 100%;
    padding: 7px 11px;
    color: #800080;
    background-color: #fbf7fc;
    border-radius: 999px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
}


/* Petit point placé avant le texte */
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut::before {
    content: "";

    display: block;
    flex: 0 0 7px;
    width: 7px;
    height: 7px;
    background-color: currentColor;
    border-radius: 50%;
}


/* =========================================================
   EN ATTENTE / PAIEMENT EN ATTENTE
   pending, on-hold, wc-pending, wc-on-hold
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--pending"],
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--on-hold"],
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--en-attente"] {
    color: #ff5207 !important;
    background-color: #ffeee6 !important;
}


/* =========================================================
   EN COURS DE TRAITEMENT
   processing ou wc-processing
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--processing"],
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--en-cours"] {
    color: #008839 !important;
    background-color: #e1f1e7 !important;
}


/* =========================================================
   TERMINÉE
   completed ou wc-completed
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--completed"],
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--terminee"] {
    color: #4e4e4e !important;
    background-color: #ececec !important;
}


/* =========================================================
   ANNULÉE
   cancelled ou wc-cancelled
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--cancelled"],
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--annulee"] {
    color: #e10024 !important;
    background-color: #ffe6e9 !important;
}


/* =========================================================
   ÉCHOUÉE
   failed ou wc-failed
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--failed"],
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--echouee"] {
    color: #e10024 !important;
    background-color: #ffe6e9 !important;
}


/* =========================================================
   REMBOURSÉE
   refunded ou wc-refunded
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--refunded"],
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--remboursee"] {
    color: #083F5A !important;
    background-color: #d7eefb !important;
}


/* =========================================================
   BROUILLON DE COMMANDE
   checkout-draft ou wc-checkout-draft
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--checkout-draft"],
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--draft"] {
    color: #e89301 !important;
    background-color: #fff5df !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-40df5f5 *//* Le widget Shortcode */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .elementor-widget-shortcode {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    align-self: stretch !important;
    flex: 0 0 100% !important;
}

/* =========================================================
   DESIGN GÉNÉRAL DU TABLEAU DES COMMANDES
   Le CSS des statuts reste séparé
   ========================================================= */


/* Conteneur principal */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}


/* Conteneur du tableau :
   arrondis et reflet léger autour du tableau */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table-wrapper {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    overflow: hidden;

    background-color: #ffffff;
    border: 0 !important;
    border-radius: 12px;

    box-shadow:
        0 5px 18px rgba(30, 30, 50, 0.08),
        0 1px 5px rgba(128, 0, 128, 0.04);

    box-sizing: border-box;
}


/* Tableau */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table {
    width: 100% !important;
    max-width: 100%;
    min-width: 100%;

    margin: 0;
    padding: 0;

    background-color: #ffffff;
    border: 0 !important;
    border-collapse: separate;
    border-spacing: 0;

    font-family: inherit;
    box-shadow: none !important;

    table-layout: auto;
    box-sizing: border-box;
}


/* Supprime les bordures ajoutées par le thème */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table,
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table thead,
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody,
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tr,
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table th,
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table td {
    border: 0 !important;
}


/* =========================================================
   EN-TÊTE GRIS
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table thead {
    background-color: #f1f1f3;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table thead tr {
    background-color: #f1f1f3;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table th {
    padding: 17px 20px;

    color: #34343b;
    background-color: #f1f1f3;

    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    text-align: left;
    white-space: nowrap;
}


/* Arrondis supérieurs */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table th:first-child {
    border-radius: 12px 0 0 0;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table th:last-child {
    border-radius: 0 12px 0 0;
}


/* =========================================================
   CONTENU BLANC
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody {
    background-color: #ffffff;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody tr {
    background-color: #ffffff;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody td {
    padding: 18px 20px;

    color: inherit;
    background-color: #ffffff;

    font-family: inherit;
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
    vertical-align: middle;
}


/* Fine séparation grise entre les commandes.
   Il s’agit d’une ombre intérieure et non d’une bordure. */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody tr:not(:last-child) td {
    box-shadow: inset 0 -1px 0 #e8e8eb;
}


/* La dernière ligne ne reçoit aucune séparation */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody tr:last-child td {
    box-shadow: none;
}


/* Arrondis inférieurs */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody tr:last-child td:first-child {
    border-radius: 0 0 0 12px;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody tr:last-child td:last-child {
    border-radius: 0 0 12px 0;
}


/* =========================================================
   BOUTON VOIR
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__bouton {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: fit-content;
    padding: 8px 17px;

    color: #800080;
    background-color: #ffffff;
    border: 1px solid #800080;
    border-radius: 7px;

    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;

    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__bouton:hover {
    color: #ffffff;
    background-color: #800080;
    box-shadow: 0 4px 12px rgba(128, 0, 128, 0.16);
}


/* =========================================================
   PAGINATION
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 15px;

    width: 100%;
    margin-top: 22px;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__pagination a {
    color: #800080;
    text-decoration: none;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__pagination a:hover {
    text-decoration: underline;
}


/* =========================================================
   RESPONSIVE À PARTIR DE 1250 PX
   Chaque commande devient une fiche verticale
   ========================================================= */

@media screen and (max-width: 1250px) {

    /*
     * Le reflet général est retiré du wrapper.
     * Chaque commande reçoit alors son propre reflet.
     */
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table-wrapper {
        overflow: visible;
        background-color: transparent;
        border-radius: 0;
        box-shadow: none;
    }

    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table,
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody {
        display: block;

        width: 100% !important;
        max-width: 100%;
        min-width: 0 !important;

        background-color: transparent;
    }

    /* Masque l’en-tête horizontal */
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table thead {
        display: none;
    }

    /* Une commande devient une fiche */
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody tr {
        display: block;

        width: 100%;
        max-width: 100%;
        min-width: 0;

        margin: 0 0 20px;
        overflow: hidden;

        background-color: #ffffff;
        border: 0 !important;
        border-radius: 12px;

        box-shadow:
            0 5px 18px rgba(30, 30, 50, 0.08),
            0 1px 5px rgba(128, 0, 128, 0.04);

        box-sizing: border-box;
    }

    /*
     * Chaque ancienne colonne devient une ligne :
     * intitulé à gauche, valeur à droite.
     */
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody td {
        display: grid;
        grid-template-columns: minmax(120px, 38%) minmax(0, 1fr);
        align-items: center;
        column-gap: 18px;

        width: 100% !important;
        max-width: 100%;
        min-width: 0 !important;

        padding: 14px 18px;

        background-color: #ffffff;
        text-align: right;

        border: 0 !important;
        border-radius: 0 !important;

        box-shadow: inset 0 -1px 0 #e8e8eb;

        box-sizing: border-box;
    }

    /* Nom de la donnée */
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody td::before {
        content: attr(data-title);

        color: #4e4e4e;
        font-family: inherit;
        font-size: 14px;
        font-weight: 600;
        text-align: left;
    }

    /* Pas de séparation sous la dernière donnée */
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody td:last-child {
        box-shadow: none;
    }

    /* Valeur du statut à droite */
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__statut {
        margin-left: auto;
    }

    /* Bouton à droite */
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__bouton {
        margin-left: auto;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8805fc *//* =========================================================
   FORMULAIRE INFORMATIONS PERSONNELLES
   Couleurs principales :
   Mauve : #800080
   Rose clair : #FBF7FC
   ========================================================= */


/* =========================================================
   MASQUER LA PHOTO UNIQUEMENT DANS LE FORMULAIRE
   L’avatar de la colonne latérale reste visible
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .macfw-avatar-upload-section {
    display: none !important;
}


/* Évite un éventuel espace vide laissé par le bloc photo */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm > .macfw-avatar-upload-section + hr,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .macfw-avatar-upload-section + hr {
    display: none !important;
}


/* =========================================================
   FORMULAIRE COMPLET
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 30px;
    row-gap: 22px;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    margin: 0;
    padding: clamp(22px, 3vw, 40px);

    color: #4e4e4e;
    background-color: #ffffff;

    border: 0 !important;

    font-family: inherit;
    box-sizing: border-box;
}


/* Tous les éléments utilisent le même calcul de largeur */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm *,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm *::before,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm *::after {
    box-sizing: border-box;
}


/* Retire les marges WooCommerce par défaut */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm p {
    margin: 0;
}


/* Prénom et nom : deux colonnes */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-form-row--first,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-form-row--last {
    width: 100% !important;
    min-width: 0;
    margin: 0 !important;
    float: none !important;
}


/* Champs larges sur toute la ligne */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-form-row--wide,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .form-row-wide,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .pog-account-vat-number {
    grid-column: 1 / -1;

    width: 100% !important;
    max-width: 100%;
    min-width: 0;

    margin: 0 !important;
}


/* Retire les anciens éléments de nettoyage des floats */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .clear {
    display: none;
}


/* =========================================================
   LABELS
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm label {
    display: block;

    margin: 0 0 8px;

    color: #800080;

    font-family: inherit;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
}


/* Astérisques obligatoires */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm label .required {
    color: #e10024 ;
    font-size:18px;
    text-decoration: none;
}


/* =========================================================
   CHAMPS DE SAISIE
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="text"],
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="email"],
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="password"],
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="tel"],
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm select,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm textarea {
    display: block;

    width: 100% !important;
    max-width: 100%;
    min-width: 0;
    min-height: 52px;

    margin: 0;
    padding: 12px 16px;

    color: #4e4e4e;
   
    border: 1px solid transparent !important;
    border-radius: 20px;
    outline: 0;
box-shadow: 0 5px 16px rgba(120, 120, 120, 0.12);

}


/* Survol */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="text"]:hover,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="email"]:hover,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="password"]:hover,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="tel"]:hover,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm select:hover,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm textarea:hover {
    background-color: #ffffff;
    border: 1px solid #d9d9d9 !important;
}


/* Focus */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="text"]:focus,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="email"]:focus,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="password"]:focus,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="tel"]:focus,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm select:focus,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm textarea:focus {
    background-color: #ffffff;
    border-color: transparent !important;
    box-shadow:
        inset 0 0 0 2px #800080,
        0 4px 14px rgba(120, 120, 120, 0.12);
}


/* =========================================================
   TEXTE SOUS LE NOM AFFICHÉ
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm em {
    display: block;

    margin-top: 8px;

    color: #77717d;

    font-family: inherit;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
}


/* =========================================================
   SECTION MOT DE PASSE
   ========================================================= */

/* =========================================================
   ALIGNEMENT DES CHAMPS DE MOT DE PASSE
   ========================================================= */


/* Les titres restent au-dessus des champs */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm fieldset p label {
    display: block !important;

    width: 100%;
    margin: 0 0 8px;

    color: #4e4e4e;

    font-family: inherit;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    text-align: left;
}

/* Le bloc reste à sa position naturelle sous le champ TVA */


/* =========================================================
   BOUTON ENREGISTRER
   Uniquement le paragraphe directement placé dans le formulaire
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm > p:last-child {
    grid-column: 1 / -1;

    display: flex !important;
    justify-content: flex-start;
    align-items: center;

    width: 100%;
    margin: 4px 0 0 !important;
}

/* Titre “Changement de mot de passe” */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm fieldset legend {
    display: block;
    width: 100%;

    margin: 0 0 2px;
    padding: 0;

    color: #800080;

    font-family: inherit;
    font-size: clamp(19px, 2vw, 23px);
    font-weight: 600;
    line-height: 1.3;
}

/* =========================================================
   BOUTON ENREGISTRER
   ========================================================= */

/* Boutons WooCommerce du formulaire */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm button[type="submit"],
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-Button,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    color: #ffffff !important;
    background-color: #800080 !important;

    border: 0 !important;
    border-radius: 20px 20px 20px 20px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);

    font-family: inherit;
    line-height: 1.2;
    text-decoration: none;
}


/* Survol du bouton */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm button[type="submit"]:hover,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-Button:hover,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .button:hover {
    color: #800080!important;
    background-color: #ffffff !important;
}


/* Focus clavier */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm button[type="submit"]:focus-visible,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-Button:focus-visible,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .button:focus-visible {
    outline: 3px solid rgba(128, 0, 128, 0.22);
    outline-offset: 3px;    
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media screen and (max-width: 767px) {

    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
        padding: 20px 16px;
        border-radius: 12px;
    }

    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-form-row--first,
    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-form-row--last,
    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-form-row--wide,
    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm fieldset,
    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm p:last-child {
        grid-column: 1;
    }

    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm button[type="submit"],
    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-Button,
    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .button {
        width: 100% !important;
        min-width: 0;
    }
}

/* =========================================================
   MOTS DE PASSE DIFFÉRENTS
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .pog-password-match-message.pog-password-match-error {
    color: #e10024;
    font-size: 15px;
    background-color: #ffffff;
}


/* =========================================================
   MOTS DE PASSE IDENTIQUES
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .pog-password-match-message.pog-password-match-success {
    color: #008839;
    font-size: 15px;
    background-color: #ffffff;
}


/* =========================================================
   MESSAGE VIDE
   Empêche de conserver un bloc vide
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .pog-password-match-message:empty {
    display: none;
}

/* =========================================================
   ROBUSTESSE DU CODE SECRET
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-password-hint {
    display: block !important;
    margin-top: 12px !important;
    margin-bottom: 20px !important;
}

.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-password-strength {
    text-align: left;
    font-size: 15px;
    margin-bottom:10px;
}
   
/* Très faible */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-password-strength.short {
    color: #e10024 !important;
    background-color: #ffffff !important;
}


/* Faible */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-password-strength.bad {
    color: #ff5207 !important;
    background-color: #ffffff !important;
}


/* Moyenne */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-password-strength.good {
    color: #e89301 !important;
    font-size: 15px;
    background-color: #ffffff !important;
}


/* Forte */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-password-strength.strong {
    color: #008839 !important;
    background-color: #ffff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa16885 *//* =========================================================
   STATUTS DES COMMANDES WOOCOMMERCE
   ========================================================= */


/* Apparence générale et couleur par défaut */
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: fit-content;
    max-width: 100%;
    padding: 7px 11px;
    color: #800080;
    background-color: #fbf7fc;
    border-radius: 999px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
}


/* Petit point placé avant le texte */
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut::before {
    content: "";

    display: block;
    flex: 0 0 7px;
    width: 7px;
    height: 7px;
    background-color: currentColor;
    border-radius: 50%;
}


/* =========================================================
   EN ATTENTE / PAIEMENT EN ATTENTE
   pending, on-hold, wc-pending, wc-on-hold
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--pending"],
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--on-hold"],
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--en-attente"] {
    color: #ff5207 !important;
    background-color: #ffeee6 !important;
}


/* =========================================================
   EN COURS DE TRAITEMENT
   processing ou wc-processing
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--processing"],
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--en-cours"] {
    color: #008839 !important;
    background-color: #e1f1e7 !important;
}


/* =========================================================
   TERMINÉE
   completed ou wc-completed
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--completed"],
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--terminee"] {
    color: #4e4e4e !important;
    background-color: #ececec !important;
}


/* =========================================================
   ANNULÉE
   cancelled ou wc-cancelled
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--cancelled"],
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--annulee"] {
    color: #e10024 !important;
    background-color: #ffe6e9 !important;
}


/* =========================================================
   ÉCHOUÉE
   failed ou wc-failed
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--failed"],
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--echouee"] {
    color: #e10024 !important;
    background-color: #ffe6e9 !important;
}


/* =========================================================
   REMBOURSÉE
   refunded ou wc-refunded
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--refunded"],
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--remboursee"] {
    color: #083F5A !important;
    background-color: #d7eefb !important;
}


/* =========================================================
   BROUILLON DE COMMANDE
   checkout-draft ou wc-checkout-draft
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--checkout-draft"],
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--draft"] {
    color: #e89301 !important;
    background-color: #fff5df !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f022abf *//* =========================================================
   DESIGN GÉNÉRAL DU TABLEAU DES COMMANDES
   Le CSS des statuts reste séparé
   ========================================================= */


/* Conteneur principal */
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}


/* Conteneur du tableau :
   arrondis et reflet léger autour du tableau */
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table-wrapper {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    overflow: hidden;

    background-color: #ffffff;
    border: 0 !important;
    border-radius: 12px;

    box-shadow:
        0 5px 18px rgba(30, 30, 50, 0.08),
        0 1px 5px rgba(128, 0, 128, 0.04);

    box-sizing: border-box;
}


/* Tableau */
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table {
    width: 100% !important;
    max-width: 100%;
    min-width: 100%;

    margin: 0;
    padding: 0;

    background-color: #ffffff;
    border: 0 !important;
    border-collapse: separate;
    border-spacing: 0;

    font-family: inherit;
    box-shadow: none !important;

    table-layout: auto;
    box-sizing: border-box;
}


/* Supprime les bordures ajoutées par le thème */
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table,
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table thead,
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody,
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tr,
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table th,
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table td {
    border: 0 !important;
}


/* =========================================================
   EN-TÊTE GRIS
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table thead {
    background-color: #f1f1f3;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table thead tr {
    background-color: #f1f1f3;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table th {
    padding: 17px 20px;

    color: #34343b;
    background-color: #f1f1f3;

    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    text-align: left;
    white-space: nowrap;
}


/* Arrondis supérieurs */
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table th:first-child {
    border-radius: 12px 0 0 0;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table th:last-child {
    border-radius: 0 12px 0 0;
}


/* =========================================================
   CONTENU BLANC
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody {
    background-color: #ffffff;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody tr {
    background-color: #ffffff;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody td {
    padding: 18px 20px;

    color: inherit;
    background-color: #ffffff;

    font-family: inherit;
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
    vertical-align: middle;
}


/* Fine séparation grise entre les commandes.
   Il s’agit d’une ombre intérieure et non d’une bordure. */
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody tr:not(:last-child) td {
    box-shadow: inset 0 -1px 0 #e8e8eb;
}


/* La dernière ligne ne reçoit aucune séparation */
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody tr:last-child td {
    box-shadow: none;
}


/* Arrondis inférieurs */
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody tr:last-child td:first-child {
    border-radius: 0 0 0 12px;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody tr:last-child td:last-child {
    border-radius: 0 0 12px 0;
}


/* =========================================================
   BOUTON VOIR
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__bouton {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: fit-content;
    padding: 8px 17px;

    color: #800080;
    background-color: #ffffff;
    border: 1px solid #800080;
    border-radius: 7px;

    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;

    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__bouton:hover {
    color: #ffffff;
    background-color: #800080;
    box-shadow: 0 4px 12px rgba(128, 0, 128, 0.16);
}


/* =========================================================
   PAGINATION
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 15px;

    width: 100%;
    margin-top: 22px;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__pagination a {
    color: #800080;
    text-decoration: none;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__pagination a:hover {
    text-decoration: underline;
}


/* =========================================================
   RESPONSIVE À PARTIR DE 1250 PX
   Chaque commande devient une fiche verticale
   ========================================================= */

@media screen and (max-width: 1250px) {

    /*
     * Le reflet général est retiré du wrapper.
     * Chaque commande reçoit alors son propre reflet.
     */
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table-wrapper {
        overflow: visible;
        background-color: transparent;
        border-radius: 0;
        box-shadow: none;
    }

    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table,
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody {
        display: block;

        width: 100% !important;
        max-width: 100%;
        min-width: 0 !important;

        background-color: transparent;
    }

    /* Masque l’en-tête horizontal */
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table thead {
        display: none;
    }

    /* Une commande devient une fiche */
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody tr {
        display: block;

        width: 100%;
        max-width: 100%;
        min-width: 0;

        margin: 0 0 20px;
        overflow: hidden;

        background-color: #ffffff;
        border: 0 !important;
        border-radius: 12px;

        box-shadow:
            0 5px 18px rgba(30, 30, 50, 0.08),
            0 1px 5px rgba(128, 0, 128, 0.04);

        box-sizing: border-box;
    }

    /*
     * Chaque ancienne colonne devient une ligne :
     * intitulé à gauche, valeur à droite.
     */
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody td {
        display: grid;
        grid-template-columns: minmax(120px, 38%) minmax(0, 1fr);
        align-items: center;
        column-gap: 18px;

        width: 100% !important;
        max-width: 100%;
        min-width: 0 !important;

        padding: 14px 18px;

        background-color: #ffffff;
        text-align: right;

        border: 0 !important;
        border-radius: 0 !important;

        box-shadow: inset 0 -1px 0 #e8e8eb;

        box-sizing: border-box;
    }

    /* Nom de la donnée */
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody td::before {
        content: attr(data-title);

        color: #4e4e4e;
        font-family: inherit;
        font-size: 14px;
        font-weight: 600;
        text-align: left;
    }

    /* Pas de séparation sous la dernière donnée */
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody td:last-child {
        box-shadow: none;
    }

    /* Valeur du statut à droite */
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__statut {
        margin-left: auto;
    }

    /* Bouton à droite */
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__bouton {
        margin-left: auto;
    }
}/* End custom CSS */
/* Start custom CSS for ld-profile, class: .elementor-element-a1ccc76 *//* =========================================================
   LEARNDASH — RECHERCHE ET BOUTON TOUT AFFICHER
   ========================================================= */
   
/* Texte normal 1ère lettre en majuscule */
   
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-text,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search-heading,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search-name label {
    text-transform: lowercase !important;
}

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-text::first-letter,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search-heading::first-letter,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search-name label::first-letter {
    text-transform: uppercase !important;
}

/* =========================================================
   ALIGNEMENT DE LA LOUPE ET DU BOUTON
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: wrap;
    gap: 40px;
    margin: 0;
}


/* =========================================================
   BOUTON LOUPE
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions .ld-search-prompt {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    text-decoration:none;
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    margin: 0;
    padding: 0 !important;
    color: #800080 !important;
    background-color: #ffffff !important;
    border: 0 !important;
    border-radius: 50% !important;
    box-shadow: 0 5px 16px rgba(120, 120, 120, 0.18);
    transition:
        color 0.25s ease,
        background-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}

/* Couleur de l’icône de recherche */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions .ld-search-prompt::before {
    color: inherit !important;
    font-size: 20px !important;
}

/* Survol de la loupe */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions .ld-search-prompt:hover {
    color: #ffffff !important;
    background-color: #800080 !important;
    transform: scale(1.12);
}


/* État actif lorsque la recherche est ouverte */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions .ld-search-prompt.ld-expanded,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions .ld-search-prompt[aria-expanded="true"] {
    color: #ffffff !important;
    background-color: #800080 !important;
    box-shadow: 0 5px 16px rgba(128, 0, 128, 0.22);
}

/* Focus clavier */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions .ld-search-prompt:focus-visible {
    outline: 3px solid rgba(128, 0, 128, 0.22);
    outline-offset: 3px;
}


/* =========================================================
   BOUTON TOUT AFFICHER
   On le cible uniquement dans l’en-tête pour ne pas modifier
   les boutons d’ouverture des formations.
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions > .ld-expand-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: auto !important;
    min-width: 180px;
    min-height: 48px;
    margin: 0;
    padding: 11px 24px !important;
    color: #ffffff !important;
    background-color: #800080 !important;
    border: 0 !important;
    border-radius: 24px !important;
    box-shadow: 0 5px 16px rgba(120, 120, 120, 0.18);
    font-family: inherit;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.2;
    text-transform: none;
    transition:
        color 0.25s ease,
        background-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}
/* Retire le contour bleu du bouton Tout afficher */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions > .ld-expand-button:focus,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions > .ld-expand-button:focus-visible,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions > .ld-expand-button:active,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions > .ld-expand-button[aria-expanded="true"] {
    outline: none !important;
    border: 0 !important;
    box-shadow: 0 5px 16px rgba(120, 120, 120, 0.18) !important;
}
/* Survol */
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions > .ld-expand-button:hover {
    color: #800080 !important;
    background-color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 7px 20px rgba(120, 120, 120, 0.24);
}

/* Focus clavier */
.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-list-actions
> .ld-expand-button:focus-visible {
    outline: 3px solid rgba(128, 0, 128, 0.22);
    outline-offset: 3px;
}


/* =========================================================
   BLOC DE RECHERCHE DÉPLIABLE
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search {
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    margin: 20px 0 26px;
    background-color: transparent !important;
    border: 0 !important;
}


/* Contenu du bloc */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-wrapper {
    position: relative;
    width: 100%;
    margin: 0;
    padding: clamp(22px, 3vw, 32px);
    color: #4e4e4e;
    background-color: #fbf7fc !important;
    border: 0 !important;
    border-radius: 22px;
    box-shadow: 0 6px 22px rgba(120, 120, 120, 0.13);
}


/* =========================================================
   TITRE DE LA RECHERCHE
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-heading {
    display:none;
}


/* =========================================================
   BOUTON DE FERMETURE
   ========================================================= */


.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer {
    position: absolute !important;
    display: block !important;
    /* Force exactement les mêmes largeur et hauteur */
    top:5px;
    right:5px;
    flex: 0 0 25px !important;
        width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    height: 25px !important;
    min-height: 25px !important;
    max-height: 25px !important;
    aspect-ratio: 1 / 1;
    font-size: 0 !important;
    line-height: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden;
    appearance: none;
    -webkit-appearance: none;
    transform: none !important;
    transition:
        background-color 0.25s ease,
        box-shadow 0.25s ease;
}

/* =========================================================
   CROIX DESSINÉE AVEC DEUX TRAITS
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer::before,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    display: block !important;
    width: 12px !important;
    height: 2px !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: #800080 !important;
    border: 0 !important;
    border-radius: 2px;
    transform-origin: center !important;
    transition: none !important;
}

/* Premier trait de la croix */
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer::before {
    transform:
        translate(-50%, -50%)
        rotate(45deg) !important;
}
/* Second trait de la croix */
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer::after {
    transform:
        translate(-50%, -50%)
        rotate(-45deg) !important;
}

/* =========================================================
   SURVOL
   Seul le fond blanc et l’ombre disparaissent
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer:hover {
    background-color: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

/* La croix ne bouge pas au survol */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer:hover::before {
    background-color: #800080 !important;
    transform:
        translate(-50%, -50%)
        rotate(45deg) !important;
}

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer:hover::after {
    background-color: #800080 !important;
    transform:
        translate(-50%, -50%)
        rotate(-45deg) !important;
}


/* =========================================================
   FORMULAIRE DE RECHERCHE
   ========================================================= */

/* Label */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-name label {
    display: none;
}

/* Champ de recherche */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-search
.ld-item-search-name
input[type="text"] {
    display: block;
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
    min-height: 52px;
    margin: 0;
    padding: 1px 18px;
    color: #4e4e4e;
    background-color: #ffffff !important;
    border: 1px solid transparent !important;
    border-radius: 20px !important;
    outline: 0;
    box-shadow: 0 5px 16px rgba(120, 120, 120, 0.12);
    font-family: inherit;
}

/* Survol du champ */
.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-search
.ld-item-search-name
input[type="text"]:hover {
    border-color: #d9d9d9 !important;
}

/* Focus du champ */
.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-search
.ld-item-search-name
input[type="text"]:focus {
    border-color: transparent !important;
    box-shadow:
        inset 0 0 0 2px #800080,
        0 5px 16px rgba(120, 120, 120, 0.12);
}

/* =========================================================
   BOUTON TEXTE « RECHERCHER »
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-submit {
    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0;
    padding: 0;
}


/* État normal */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-search
.ld-item-search-submit
input[type="submit"] {
    display: inline-block;

    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;

    margin: 0;
    padding: 8px 4px !important;

    color: #800080 !important;
    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    outline: 0;
    box-shadow: none !important;

    font-family: inherit;
    font-size: 19px !important;
    font-weight: 500;
    line-height: 1.2;
    text-transform: none;

    cursor: pointer !important;

    transition:
        font-size 0.25s ease,
        color 0.25s ease;
}


/* Survol */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-search
.ld-item-search-submit
input[type="submit"]:hover {
    color: #660066 !important;
    background: transparent !important;
    background-color: transparent !important;

    font-size: 21px !important;

    border: 0 !important;
    box-shadow: none !important;

    cursor: pointer !important;
}


/* Clic */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-search
.ld-item-search-submit
input[type="submit"]:active {
    color: #800080 !important;
    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;
}


/* Navigation au clavier */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-search
.ld-item-search-submit
input[type="submit"]:focus,
.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-search
.ld-item-search-submit
input[type="submit"]:focus-visible {
    color: #800080 !important;
    background: transparent !important;

    border: 0 !important;
    outline: 2px solid rgba(128, 0, 128, 0.25);
    outline-offset: 3px;

    box-shadow: none !important;

    cursor: pointer !important;
}

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-table-list.ld-quiz-list
> .ld-table-list-header
.ld-table-list-title,

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-table-list.ld-quiz-list
> .ld-table-list-header
.ld-table-list-column {
    color: #ffffff !important;
}

/* =========================================================
   FORCER LA SUPPRESSION DU FOND BLEU LEARNDASH
   À placer tout à la fin du CSS
   ========================================================= */


/* Bouton LearnDash */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
.learndash-wrapper
.ld-item-search
.ld-item-search-submit
input.ld-button[type="submit"] {
    display: inline-block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 8px 4px !important;
    color: #800080 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    font-size: 19px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    transition:
        color 0.25s ease,
        transform 0.25s ease !important;
}

/* Survol : léger agrandissement sans déplacer les éléments */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
.learndash-wrapper
.ld-item-search
.ld-item-search-submit
input.ld-button[type="submit"]:hover {
    color: #800080 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: scale(1.08);
    cursor: pointer !important;
}

/* Clic et focus */
.elementor-22215 .elementor-element.elementor-element-a1ccc76
.learndash-wrapper
.ld-item-search
.ld-item-search-submit
input.ld-button[type="submit"]:focus,
.elementor-22215 .elementor-element.elementor-element-a1ccc76
.learndash-wrapper
.ld-item-search
.ld-item-search-submit
input.ld-button[type="submit"]:focus-visible,
.elementor-22215 .elementor-element.elementor-element-a1ccc76
.learndash-wrapper
.ld-item-search
.ld-item-search-submit
input.ld-button[type="submit"]:active {
    color: #800080 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

/* Masquer uniquement le titre H3 « Vôtre/Vos Formations » */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list.ld-course-list
.ld-section-heading > h3 {
    display: none !important;
}
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list.ld-course-list
.ld-section-heading {
    justify-content: flex-end !important;
}

/* =========================================================
   FORMATIONS LEARNDASH — VERSION CORRIGÉE
   Le véritable conteneur est #ld-main-course-list
   ========================================================= */


/* =========================================================
   LISTE DES FORMATIONS
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 #ld-main-course-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 22px !important;
    width: 100%;
    max-width: 100%;
    margin: 30px 0 0 !important;
}


/* =========================================================
   CARTE DE FORMATION
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
> .ld-item-list-item {
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(128, 0, 128, 0.16) !important;
    border-radius: 30px !important;
    box-shadow:
        0 7px 22px
        rgba(120, 120, 120, 0.13) !important;

    box-sizing: border-box;
    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}


/* Survol de la carte */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
> .ld-item-list-item:hover {
    border-color: rgba(128, 0, 128, 0.28) !important;
    box-shadow:
        0 10px 28px
        rgba(120, 120, 120, 0.17) !important;
    transform: translateY(-2px);
}

/* =========================================================
   PARTIE SUPÉRIEURE DE LA CARTE
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-item-list-item-preview {
    display: flex !important;
    align-items: center !important;
    width: 100%;
    min-height: 82px;
    margin: 0 !important;
    padding: 18px 22px !important;
    background-color: #ffffff !important;
    border: 0 !important;
    box-sizing: border-box;
}

/* =========================================================
   NOM DE LA FORMATION
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-item-list-item-preview
.ld-item-name {
    display: flex !important;
    align-items: center !important;
    gap: 16px;
    color: #4e4e4e !important;
}


.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-course-title {
    color: #4e4e4e !important;
    font-size: 18px !important;
}

/* Bouton blanc et flèches mauves — états ouvert et fermé */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-expand-button.ld-compact.ld-not-mobile {
    background-color: #ffffff !important;
}

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-expand-button.ld-compact.ld-not-mobile
.ld-icon-arrow-down {
    color: #800080 !important;
    background-color: #ffffff !important;
}

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-expand-button.ld-compact.ld-not-mobile
.ld-icon-arrow-down::before {
    color: #800080 !important;
}
/* Retirer le cercle bleu autour de la flèche */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-expand-button.ld-compact.ld-not-mobile,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-expand-button.ld-compact.ld-not-mobile:hover,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-expand-button.ld-compact.ld-not-mobile:focus,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-expand-button.ld-compact.ld-not-mobile:active {
    background-color: #ffffff !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-expand-button.ld-compact.ld-not-mobile
.ld-icon-arrow-down {
    color: #800080 !important;
    background-color: transparent !important;
}
/* =========================================================
   PROGRESSION
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-progress {
    width: auto !important;

    margin: 0px 40px 40px 40px !important;
    padding: 0 !important;

    background-color: transparent !important;
}


/* Titre générique de progression */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-progress-label {
    display: none !important;
}


/* Ligne contenant le pourcentage et les étapes */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-progress-heading {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;

    gap: 12px;

    margin: 0 0 14px !important;
    padding: 0 !important;
}


.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-progress-stats {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;

    gap: 12px;

    width: 100% !important;
}
/* =========================================================
   BARRE DE PROGRESSION
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-progress-bar {
    overflow: hidden !important;

    width: 100% !important;
    height: 9px !important;

    margin: 0 !important;
    padding: 0 !important;

    background-color: rgba(128, 0, 128, 0.10) !important;

    border: 0 !important;
    border-radius: 20px !important;

    box-shadow: none !important;
}


/* Partie remplie de la barre */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-progress-bar
.ld-progress-bar-percentage {
    display: block !important;

    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background-color: #800080 !important;

    border: 0 !important;
    border-radius: 20px !important;

    box-shadow: none !important;
}
/* =========================================================
   POURCENTAGE
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-progress-percentage {
    color: #800080 !important;

    font-family: inherit;
    font-size: 19px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;

    text-transform: lowercase !important;
}


/* Nombre d’étapes */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-progress-steps {
    color: #77717d !important;

    font-family: inherit;
    font-size: 15px !important;
    font-weight: 400 !important;
}
.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-status-icon {
    color: #800080 !important;
}

/* header du tableau des quizzes*/
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-table-list.ld-quiz-list
> .ld-table-list-header {
    background-color: #800080 !important;
    border-radius:20px 20px 0 0;
    padding:15px;
    
}

/* Pied du tableau des quiz en violet */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-table-list.ld-quiz-list
.ld-table-list-footer {
    background-color: #800080 !important;
        border-radius: 0 0 20px 20px;
}
/* =========================================================
   PAGINATION DES QUIZZES
   ========================================================= */
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-pagination-page-profile_quizzes .ld-pages {
    display: inline-flex !important;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    margin: 0;
    padding: 0;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-pagination-page-profile_quizzes
.ld-pages > a.ld-primary-color-hover:not(.disabled):hover {
    color: #800080 !important;
}


/* =========================================================
   TABLETTE ET MOBILE
   ========================================================= */

@media screen and (max-width: 767px) {

    /* Les deux boutons restent sur la même ligne */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions {
        display: grid !important;
        grid-template-columns: 48px minmax(0, 1fr);
        width: 100%;
        gap: 10px;
    }

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions > .ld-expand-button {
        width: 100% !important;
        min-width: 0;
    }


    /* Bloc de recherche */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search {
        margin-top: 16px;
    }

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-wrapper {
        padding: 20px 16px;
        border-radius: 18px;
    }

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-heading {
        margin-right: 48px;
        margin-bottom: 20px;
    }

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer {
        top: 14px;
        right: 14px;
    }
/* =========================================================
   RESPONSIVE — RÉSERVER UNE ZONE POUR LA CROIX
   ========================================================= */

@media screen and (max-width: 767px) {

    /* Le bloc devient la référence de positionnement */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-wrapper {
        position: relative !important;

        /* Espace supérieur réservé à la croix */
        padding:
            50px
            16px
            20px
            16px !important;
        overflow: visible !important;
    }

    /* Le formulaire reste sous la croix */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-fields {
        position: relative;
        z-index: 1;
        width: 100%;
    }

    /* Le champ ne peut plus recouvrir la croix */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-name {
        position: relative;
        z-index: 1;
        width: 100%;
        min-width: 0;
    }
}

    /* Champ puis bouton sur deux lignes */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-fields {
        grid-template-columns: minmax(0, 1fr);
    }

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-submit {
        width: 100%;
    }

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .ld-item-search
    .ld-item-search-submit
    input[type="submit"] {
        width: 100%;
        min-width: 0;
    }
}

/* =========================================================
   RESPONSIVE DU TABLEAU DES QUIZ LEARNDASH

   768 px à 1024 px :
   tableau horizontal.

   767 px et moins :
   responsive natif de LearnDash.
   ========================================================= */

@media screen and (min-width: 768px) and (max-width: 1024px) {

    /* =====================================================
       TABLEAU COMPLET
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }


    /* =====================================================
       EN-TÊTE
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-header {
        display: block !important;
        margin-bottom:10px;
        width: 100% !important;
        max-width: 100% !important;
    }


    /* =====================================================
       EN-TÊTE ET LIGNES
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-header
    .ld-table-list-columns,

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-item-preview
    .ld-table-list-columns {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;

        gap: 8px !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 12px 14px !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       CONTENEUR D’UNE LIGNE
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-item-preview {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       TOUTES LES CELLULES
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-title,

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-column {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;

        float: none !important;
        clear: none !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       MASQUER LES LIBELLÉS MOBILES RÉELS

       Ces éléments contiennent :
       Certificat:
       Score:
       Statistiques:
       Date:
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-item-preview
    .ld-column-label {
        display: none !important;
        visibility: hidden !important;
        overflow: hidden !important;
    }


    /* Sécurité pour d’éventuels pseudo-éléments */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-column::before,

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-column::after {
        content: none !important;

        display: none !important;
    }


    /* =====================================================
       COLONNE QUIZ
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-title {
        flex: 1 1 10% !important;

        justify-content: flex-start !important;

        text-align: left !important;
    }


    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-title
    > a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
    }


    /* =====================================================
       COLONNE CERTIFICAT
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-column-certificate,

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-column-certificate {
        flex: 0 1 16% !important;

        justify-content: center !important;

        width: auto !important;
        min-width: 0 !important;

        text-align: center !important;
    }


    /* =====================================================
       COLONNE SCORE
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-column-scores,

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-column-scores {
        flex: 0 1 12% !important;

        justify-content: center !important;

        width: auto !important;
        min-width: 0 !important;

        text-align: center !important;
    }


    /* =====================================================
       COLONNE STATISTIQUES
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-column-stats,

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-column-stats {
        flex: 0 1 16% !important;

        justify-content: center !important;

        width: auto !important;
        min-width: 0 !important;

        text-align: center !important;
    }


    /* =====================================================
       COLONNE DATE
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-column-date,

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-column-date {
        flex: 0 1 30% !important;

        justify-content: flex-end !important;

        width: auto !important;
        min-width: 0 !important;

        white-space: normal !important;
        text-align: right !important;
    }
}
/* =========================================================
   FORMATIONS LEARNDASH — MOBILE
   Jusqu’à 767 px
   ========================================================= */

@media screen and (max-width: 767px) {

    /* =====================================================
       TITRE DE LA FORMATION
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    #ld-main-course-list
    .ld-item-list-item-preview
    .ld-item-name {
        display: flex !important;
        align-items: center !important;

        gap: 16px !important;

        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 15px 0 !important;

        box-sizing: border-box !important;
    }

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
    .ld-table-list-title
    .ld-status-icon {
        margin-bottom: 10px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1ef5494 *//* =========================================================
   STATUTS DES COMMANDES WOOCOMMERCE
   ========================================================= */


/* Apparence générale et couleur par défaut */
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: fit-content;
    max-width: 100%;
    padding: 7px 11px;
    color: #800080;
    background-color: #fbf7fc;
    border-radius: 999px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
}


/* Petit point placé avant le texte */
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut::before {
    content: "";

    display: block;
    flex: 0 0 7px;
    width: 7px;
    height: 7px;
    background-color: currentColor;
    border-radius: 50%;
}


/* =========================================================
   EN ATTENTE / PAIEMENT EN ATTENTE
   pending, on-hold, wc-pending, wc-on-hold
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--pending"],
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--on-hold"],
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--en-attente"] {
    color: #ff5207 !important;
    background-color: #ffeee6 !important;
}


/* =========================================================
   EN COURS DE TRAITEMENT
   processing ou wc-processing
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--processing"],
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--en-cours"] {
    color: #008839 !important;
    background-color: #e1f1e7 !important;
}


/* =========================================================
   TERMINÉE
   completed ou wc-completed
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--completed"],
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--terminee"] {
    color: #4e4e4e !important;
    background-color: #ececec !important;
}


/* =========================================================
   ANNULÉE
   cancelled ou wc-cancelled
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--cancelled"],
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--annulee"] {
    color: #e10024 !important;
    background-color: #ffe6e9 !important;
}


/* =========================================================
   ÉCHOUÉE
   failed ou wc-failed
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--failed"],
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--echouee"] {
    color: #e10024 !important;
    background-color: #ffe6e9 !important;
}


/* =========================================================
   REMBOURSÉE
   refunded ou wc-refunded
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--refunded"],
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--remboursee"] {
    color: #083F5A !important;
    background-color: #d7eefb !important;
}


/* =========================================================
   BROUILLON DE COMMANDE
   checkout-draft ou wc-checkout-draft
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--checkout-draft"],
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--draft"] {
    color: #e89301 !important;
    background-color: #fff5df !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-40df5f5 *//* Le widget Shortcode */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .elementor-widget-shortcode {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    align-self: stretch !important;
    flex: 0 0 100% !important;
}

/* =========================================================
   DESIGN GÉNÉRAL DU TABLEAU DES COMMANDES
   Le CSS des statuts reste séparé
   ========================================================= */


/* Conteneur principal */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}


/* Conteneur du tableau :
   arrondis et reflet léger autour du tableau */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table-wrapper {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    overflow: hidden;

    background-color: #ffffff;
    border: 0 !important;
    border-radius: 12px;

    box-shadow:
        0 5px 18px rgba(30, 30, 50, 0.08),
        0 1px 5px rgba(128, 0, 128, 0.04);

    box-sizing: border-box;
}


/* Tableau */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table {
    width: 100% !important;
    max-width: 100%;
    min-width: 100%;

    margin: 0;
    padding: 0;

    background-color: #ffffff;
    border: 0 !important;
    border-collapse: separate;
    border-spacing: 0;

    font-family: inherit;
    box-shadow: none !important;

    table-layout: auto;
    box-sizing: border-box;
}


/* Supprime les bordures ajoutées par le thème */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table,
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table thead,
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody,
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tr,
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table th,
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table td {
    border: 0 !important;
}


/* =========================================================
   EN-TÊTE GRIS
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table thead {
    background-color: #f1f1f3;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table thead tr {
    background-color: #f1f1f3;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table th {
    padding: 17px 20px;

    color: #34343b;
    background-color: #f1f1f3;

    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    text-align: left;
    white-space: nowrap;
}


/* Arrondis supérieurs */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table th:first-child {
    border-radius: 12px 0 0 0;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table th:last-child {
    border-radius: 0 12px 0 0;
}


/* =========================================================
   CONTENU BLANC
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody {
    background-color: #ffffff;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody tr {
    background-color: #ffffff;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody td {
    padding: 18px 20px;

    color: inherit;
    background-color: #ffffff;

    font-family: inherit;
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
    vertical-align: middle;
}


/* Fine séparation grise entre les commandes.
   Il s’agit d’une ombre intérieure et non d’une bordure. */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody tr:not(:last-child) td {
    box-shadow: inset 0 -1px 0 #e8e8eb;
}


/* La dernière ligne ne reçoit aucune séparation */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody tr:last-child td {
    box-shadow: none;
}


/* Arrondis inférieurs */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody tr:last-child td:first-child {
    border-radius: 0 0 0 12px;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody tr:last-child td:last-child {
    border-radius: 0 0 12px 0;
}


/* =========================================================
   BOUTON VOIR
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__bouton {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: fit-content;
    padding: 8px 17px;

    color: #800080;
    background-color: #ffffff;
    border: 1px solid #800080;
    border-radius: 7px;

    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;

    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__bouton:hover {
    color: #ffffff;
    background-color: #800080;
    box-shadow: 0 4px 12px rgba(128, 0, 128, 0.16);
}


/* =========================================================
   PAGINATION
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 15px;

    width: 100%;
    margin-top: 22px;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__pagination a {
    color: #800080;
    text-decoration: none;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__pagination a:hover {
    text-decoration: underline;
}


/* =========================================================
   RESPONSIVE À PARTIR DE 1250 PX
   Chaque commande devient une fiche verticale
   ========================================================= */

@media screen and (max-width: 1250px) {

    /*
     * Le reflet général est retiré du wrapper.
     * Chaque commande reçoit alors son propre reflet.
     */
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table-wrapper {
        overflow: visible;
        background-color: transparent;
        border-radius: 0;
        box-shadow: none;
    }

    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table,
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody {
        display: block;

        width: 100% !important;
        max-width: 100%;
        min-width: 0 !important;

        background-color: transparent;
    }

    /* Masque l’en-tête horizontal */
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table thead {
        display: none;
    }

    /* Une commande devient une fiche */
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody tr {
        display: block;

        width: 100%;
        max-width: 100%;
        min-width: 0;

        margin: 0 0 20px;
        overflow: hidden;

        background-color: #ffffff;
        border: 0 !important;
        border-radius: 12px;

        box-shadow:
            0 5px 18px rgba(30, 30, 50, 0.08),
            0 1px 5px rgba(128, 0, 128, 0.04);

        box-sizing: border-box;
    }

    /*
     * Chaque ancienne colonne devient une ligne :
     * intitulé à gauche, valeur à droite.
     */
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody td {
        display: grid;
        grid-template-columns: minmax(120px, 38%) minmax(0, 1fr);
        align-items: center;
        column-gap: 18px;

        width: 100% !important;
        max-width: 100%;
        min-width: 0 !important;

        padding: 14px 18px;

        background-color: #ffffff;
        text-align: right;

        border: 0 !important;
        border-radius: 0 !important;

        box-shadow: inset 0 -1px 0 #e8e8eb;

        box-sizing: border-box;
    }

    /* Nom de la donnée */
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody td::before {
        content: attr(data-title);

        color: #4e4e4e;
        font-family: inherit;
        font-size: 14px;
        font-weight: 600;
        text-align: left;
    }

    /* Pas de séparation sous la dernière donnée */
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody td:last-child {
        box-shadow: none;
    }

    /* Valeur du statut à droite */
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__statut {
        margin-left: auto;
    }

    /* Bouton à droite */
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__bouton {
        margin-left: auto;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8805fc *//* =========================================================
   FORMULAIRE INFORMATIONS PERSONNELLES
   Couleurs principales :
   Mauve : #800080
   Rose clair : #FBF7FC
   ========================================================= */


/* =========================================================
   MASQUER LA PHOTO UNIQUEMENT DANS LE FORMULAIRE
   L’avatar de la colonne latérale reste visible
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .macfw-avatar-upload-section {
    display: none !important;
}


/* Évite un éventuel espace vide laissé par le bloc photo */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm > .macfw-avatar-upload-section + hr,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .macfw-avatar-upload-section + hr {
    display: none !important;
}


/* =========================================================
   FORMULAIRE COMPLET
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 30px;
    row-gap: 22px;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    margin: 0;
    padding: clamp(22px, 3vw, 40px);

    color: #4e4e4e;
    background-color: #ffffff;

    border: 0 !important;

    font-family: inherit;
    box-sizing: border-box;
}


/* Tous les éléments utilisent le même calcul de largeur */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm *,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm *::before,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm *::after {
    box-sizing: border-box;
}


/* Retire les marges WooCommerce par défaut */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm p {
    margin: 0;
}


/* Prénom et nom : deux colonnes */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-form-row--first,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-form-row--last {
    width: 100% !important;
    min-width: 0;
    margin: 0 !important;
    float: none !important;
}


/* Champs larges sur toute la ligne */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-form-row--wide,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .form-row-wide,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .pog-account-vat-number {
    grid-column: 1 / -1;

    width: 100% !important;
    max-width: 100%;
    min-width: 0;

    margin: 0 !important;
}


/* Retire les anciens éléments de nettoyage des floats */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .clear {
    display: none;
}


/* =========================================================
   LABELS
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm label {
    display: block;

    margin: 0 0 8px;

    color: #800080;

    font-family: inherit;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
}


/* Astérisques obligatoires */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm label .required {
    color: #e10024 ;
    font-size:18px;
    text-decoration: none;
}


/* =========================================================
   CHAMPS DE SAISIE
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="text"],
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="email"],
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="password"],
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="tel"],
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm select,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm textarea {
    display: block;

    width: 100% !important;
    max-width: 100%;
    min-width: 0;
    min-height: 52px;

    margin: 0;
    padding: 12px 16px;

    color: #4e4e4e;
   
    border: 1px solid transparent !important;
    border-radius: 20px;
    outline: 0;
box-shadow: 0 5px 16px rgba(120, 120, 120, 0.12);

}


/* Survol */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="text"]:hover,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="email"]:hover,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="password"]:hover,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="tel"]:hover,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm select:hover,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm textarea:hover {
    background-color: #ffffff;
    border: 1px solid #d9d9d9 !important;
}


/* Focus */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="text"]:focus,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="email"]:focus,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="password"]:focus,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="tel"]:focus,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm select:focus,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm textarea:focus {
    background-color: #ffffff;
    border-color: transparent !important;
    box-shadow:
        inset 0 0 0 2px #800080,
        0 4px 14px rgba(120, 120, 120, 0.12);
}


/* =========================================================
   TEXTE SOUS LE NOM AFFICHÉ
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm em {
    display: block;

    margin-top: 8px;

    color: #77717d;

    font-family: inherit;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
}


/* =========================================================
   SECTION MOT DE PASSE
   ========================================================= */

/* =========================================================
   ALIGNEMENT DES CHAMPS DE MOT DE PASSE
   ========================================================= */


/* Les titres restent au-dessus des champs */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm fieldset p label {
    display: block !important;

    width: 100%;
    margin: 0 0 8px;

    color: #4e4e4e;

    font-family: inherit;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    text-align: left;
}

/* Le bloc reste à sa position naturelle sous le champ TVA */


/* =========================================================
   BOUTON ENREGISTRER
   Uniquement le paragraphe directement placé dans le formulaire
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm > p:last-child {
    grid-column: 1 / -1;

    display: flex !important;
    justify-content: flex-start;
    align-items: center;

    width: 100%;
    margin: 4px 0 0 !important;
}

/* Titre “Changement de mot de passe” */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm fieldset legend {
    display: block;
    width: 100%;

    margin: 0 0 2px;
    padding: 0;

    color: #800080;

    font-family: inherit;
    font-size: clamp(19px, 2vw, 23px);
    font-weight: 600;
    line-height: 1.3;
}

/* =========================================================
   BOUTON ENREGISTRER
   ========================================================= */

/* Boutons WooCommerce du formulaire */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm button[type="submit"],
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-Button,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    color: #ffffff !important;
    background-color: #800080 !important;

    border: 0 !important;
    border-radius: 20px 20px 20px 20px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);

    font-family: inherit;
    line-height: 1.2;
    text-decoration: none;
}


/* Survol du bouton */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm button[type="submit"]:hover,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-Button:hover,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .button:hover {
    color: #800080!important;
    background-color: #ffffff !important;
}


/* Focus clavier */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm button[type="submit"]:focus-visible,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-Button:focus-visible,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .button:focus-visible {
    outline: 3px solid rgba(128, 0, 128, 0.22);
    outline-offset: 3px;    
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media screen and (max-width: 767px) {

    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
        padding: 20px 16px;
        border-radius: 12px;
    }

    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-form-row--first,
    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-form-row--last,
    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-form-row--wide,
    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm fieldset,
    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm p:last-child {
        grid-column: 1;
    }

    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm button[type="submit"],
    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-Button,
    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .button {
        width: 100% !important;
        min-width: 0;
    }
}

/* =========================================================
   MOTS DE PASSE DIFFÉRENTS
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .pog-password-match-message.pog-password-match-error {
    color: #e10024;
    font-size: 15px;
    background-color: #ffffff;
}


/* =========================================================
   MOTS DE PASSE IDENTIQUES
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .pog-password-match-message.pog-password-match-success {
    color: #008839;
    font-size: 15px;
    background-color: #ffffff;
}


/* =========================================================
   MESSAGE VIDE
   Empêche de conserver un bloc vide
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .pog-password-match-message:empty {
    display: none;
}

/* =========================================================
   ROBUSTESSE DU CODE SECRET
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-password-hint {
    display: block !important;
    margin-top: 12px !important;
    margin-bottom: 20px !important;
}

.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-password-strength {
    text-align: left;
    font-size: 15px;
    margin-bottom:10px;
}
   
/* Très faible */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-password-strength.short {
    color: #e10024 !important;
    background-color: #ffffff !important;
}


/* Faible */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-password-strength.bad {
    color: #ff5207 !important;
    background-color: #ffffff !important;
}


/* Moyenne */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-password-strength.good {
    color: #e89301 !important;
    font-size: 15px;
    background-color: #ffffff !important;
}


/* Forte */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-password-strength.strong {
    color: #008839 !important;
    background-color: #ffff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa16885 *//* =========================================================
   STATUTS DES COMMANDES WOOCOMMERCE
   ========================================================= */


/* Apparence générale et couleur par défaut */
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: fit-content;
    max-width: 100%;
    padding: 7px 11px;
    color: #800080;
    background-color: #fbf7fc;
    border-radius: 999px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
}


/* Petit point placé avant le texte */
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut::before {
    content: "";

    display: block;
    flex: 0 0 7px;
    width: 7px;
    height: 7px;
    background-color: currentColor;
    border-radius: 50%;
}


/* =========================================================
   EN ATTENTE / PAIEMENT EN ATTENTE
   pending, on-hold, wc-pending, wc-on-hold
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--pending"],
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--on-hold"],
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--en-attente"] {
    color: #ff5207 !important;
    background-color: #ffeee6 !important;
}


/* =========================================================
   EN COURS DE TRAITEMENT
   processing ou wc-processing
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--processing"],
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--en-cours"] {
    color: #008839 !important;
    background-color: #e1f1e7 !important;
}


/* =========================================================
   TERMINÉE
   completed ou wc-completed
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--completed"],
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--terminee"] {
    color: #4e4e4e !important;
    background-color: #ececec !important;
}


/* =========================================================
   ANNULÉE
   cancelled ou wc-cancelled
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--cancelled"],
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--annulee"] {
    color: #e10024 !important;
    background-color: #ffe6e9 !important;
}


/* =========================================================
   ÉCHOUÉE
   failed ou wc-failed
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--failed"],
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--echouee"] {
    color: #e10024 !important;
    background-color: #ffe6e9 !important;
}


/* =========================================================
   REMBOURSÉE
   refunded ou wc-refunded
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--refunded"],
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--remboursee"] {
    color: #083F5A !important;
    background-color: #d7eefb !important;
}


/* =========================================================
   BROUILLON DE COMMANDE
   checkout-draft ou wc-checkout-draft
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--checkout-draft"],
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--draft"] {
    color: #e89301 !important;
    background-color: #fff5df !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f022abf *//* =========================================================
   DESIGN GÉNÉRAL DU TABLEAU DES COMMANDES
   Le CSS des statuts reste séparé
   ========================================================= */


/* Conteneur principal */
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}


/* Conteneur du tableau :
   arrondis et reflet léger autour du tableau */
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table-wrapper {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    overflow: hidden;

    background-color: #ffffff;
    border: 0 !important;
    border-radius: 12px;

    box-shadow:
        0 5px 18px rgba(30, 30, 50, 0.08),
        0 1px 5px rgba(128, 0, 128, 0.04);

    box-sizing: border-box;
}


/* Tableau */
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table {
    width: 100% !important;
    max-width: 100%;
    min-width: 100%;

    margin: 0;
    padding: 0;

    background-color: #ffffff;
    border: 0 !important;
    border-collapse: separate;
    border-spacing: 0;

    font-family: inherit;
    box-shadow: none !important;

    table-layout: auto;
    box-sizing: border-box;
}


/* Supprime les bordures ajoutées par le thème */
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table,
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table thead,
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody,
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tr,
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table th,
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table td {
    border: 0 !important;
}


/* =========================================================
   EN-TÊTE GRIS
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table thead {
    background-color: #f1f1f3;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table thead tr {
    background-color: #f1f1f3;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table th {
    padding: 17px 20px;

    color: #34343b;
    background-color: #f1f1f3;

    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    text-align: left;
    white-space: nowrap;
}


/* Arrondis supérieurs */
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table th:first-child {
    border-radius: 12px 0 0 0;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table th:last-child {
    border-radius: 0 12px 0 0;
}


/* =========================================================
   CONTENU BLANC
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody {
    background-color: #ffffff;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody tr {
    background-color: #ffffff;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody td {
    padding: 18px 20px;

    color: inherit;
    background-color: #ffffff;

    font-family: inherit;
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
    vertical-align: middle;
}


/* Fine séparation grise entre les commandes.
   Il s’agit d’une ombre intérieure et non d’une bordure. */
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody tr:not(:last-child) td {
    box-shadow: inset 0 -1px 0 #e8e8eb;
}


/* La dernière ligne ne reçoit aucune séparation */
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody tr:last-child td {
    box-shadow: none;
}


/* Arrondis inférieurs */
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody tr:last-child td:first-child {
    border-radius: 0 0 0 12px;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody tr:last-child td:last-child {
    border-radius: 0 0 12px 0;
}


/* =========================================================
   BOUTON VOIR
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__bouton {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: fit-content;
    padding: 8px 17px;

    color: #800080;
    background-color: #ffffff;
    border: 1px solid #800080;
    border-radius: 7px;

    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;

    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__bouton:hover {
    color: #ffffff;
    background-color: #800080;
    box-shadow: 0 4px 12px rgba(128, 0, 128, 0.16);
}


/* =========================================================
   PAGINATION
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 15px;

    width: 100%;
    margin-top: 22px;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__pagination a {
    color: #800080;
    text-decoration: none;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__pagination a:hover {
    text-decoration: underline;
}


/* =========================================================
   RESPONSIVE À PARTIR DE 1250 PX
   Chaque commande devient une fiche verticale
   ========================================================= */

@media screen and (max-width: 1250px) {

    /*
     * Le reflet général est retiré du wrapper.
     * Chaque commande reçoit alors son propre reflet.
     */
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table-wrapper {
        overflow: visible;
        background-color: transparent;
        border-radius: 0;
        box-shadow: none;
    }

    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table,
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody {
        display: block;

        width: 100% !important;
        max-width: 100%;
        min-width: 0 !important;

        background-color: transparent;
    }

    /* Masque l’en-tête horizontal */
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table thead {
        display: none;
    }

    /* Une commande devient une fiche */
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody tr {
        display: block;

        width: 100%;
        max-width: 100%;
        min-width: 0;

        margin: 0 0 20px;
        overflow: hidden;

        background-color: #ffffff;
        border: 0 !important;
        border-radius: 12px;

        box-shadow:
            0 5px 18px rgba(30, 30, 50, 0.08),
            0 1px 5px rgba(128, 0, 128, 0.04);

        box-sizing: border-box;
    }

    /*
     * Chaque ancienne colonne devient une ligne :
     * intitulé à gauche, valeur à droite.
     */
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody td {
        display: grid;
        grid-template-columns: minmax(120px, 38%) minmax(0, 1fr);
        align-items: center;
        column-gap: 18px;

        width: 100% !important;
        max-width: 100%;
        min-width: 0 !important;

        padding: 14px 18px;

        background-color: #ffffff;
        text-align: right;

        border: 0 !important;
        border-radius: 0 !important;

        box-shadow: inset 0 -1px 0 #e8e8eb;

        box-sizing: border-box;
    }

    /* Nom de la donnée */
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody td::before {
        content: attr(data-title);

        color: #4e4e4e;
        font-family: inherit;
        font-size: 14px;
        font-weight: 600;
        text-align: left;
    }

    /* Pas de séparation sous la dernière donnée */
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody td:last-child {
        box-shadow: none;
    }

    /* Valeur du statut à droite */
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__statut {
        margin-left: auto;
    }

    /* Bouton à droite */
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__bouton {
        margin-left: auto;
    }
}/* End custom CSS */
/* Start custom CSS for ld-profile, class: .elementor-element-a1ccc76 *//* =========================================================
   LEARNDASH — RECHERCHE ET BOUTON TOUT AFFICHER
   ========================================================= */
   
/* Texte normal 1ère lettre en majuscule */
   
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-text,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search-heading,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search-name label {
    text-transform: lowercase !important;
}

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-text::first-letter,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search-heading::first-letter,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search-name label::first-letter {
    text-transform: uppercase !important;
}

/* =========================================================
   ALIGNEMENT DE LA LOUPE ET DU BOUTON
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: wrap;
    gap: 40px;
    margin: 0;
}


/* =========================================================
   BOUTON LOUPE
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions .ld-search-prompt {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    text-decoration:none;
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    margin: 0;
    padding: 0 !important;
    color: #800080 !important;
    background-color: #ffffff !important;
    border: 0 !important;
    border-radius: 50% !important;
    box-shadow: 0 5px 16px rgba(120, 120, 120, 0.18);
    transition:
        color 0.25s ease,
        background-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}

/* Couleur de l’icône de recherche */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions .ld-search-prompt::before {
    color: inherit !important;
    font-size: 20px !important;
}

/* Survol de la loupe */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions .ld-search-prompt:hover {
    color: #ffffff !important;
    background-color: #800080 !important;
    transform: scale(1.12);
}


/* État actif lorsque la recherche est ouverte */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions .ld-search-prompt.ld-expanded,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions .ld-search-prompt[aria-expanded="true"] {
    color: #ffffff !important;
    background-color: #800080 !important;
    box-shadow: 0 5px 16px rgba(128, 0, 128, 0.22);
}

/* Focus clavier */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions .ld-search-prompt:focus-visible {
    outline: 3px solid rgba(128, 0, 128, 0.22);
    outline-offset: 3px;
}


/* =========================================================
   BOUTON TOUT AFFICHER
   On le cible uniquement dans l’en-tête pour ne pas modifier
   les boutons d’ouverture des formations.
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions > .ld-expand-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: auto !important;
    min-width: 180px;
    min-height: 48px;
    margin: 0;
    padding: 11px 24px !important;
    color: #ffffff !important;
    background-color: #800080 !important;
    border: 0 !important;
    border-radius: 24px !important;
    box-shadow: 0 5px 16px rgba(120, 120, 120, 0.18);
    font-family: inherit;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.2;
    text-transform: none;
    transition:
        color 0.25s ease,
        background-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}
/* Retire le contour bleu du bouton Tout afficher */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions > .ld-expand-button:focus,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions > .ld-expand-button:focus-visible,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions > .ld-expand-button:active,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions > .ld-expand-button[aria-expanded="true"] {
    outline: none !important;
    border: 0 !important;
    box-shadow: 0 5px 16px rgba(120, 120, 120, 0.18) !important;
}
/* Survol */
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions > .ld-expand-button:hover {
    color: #800080 !important;
    background-color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 7px 20px rgba(120, 120, 120, 0.24);
}

/* Focus clavier */
.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-list-actions
> .ld-expand-button:focus-visible {
    outline: 3px solid rgba(128, 0, 128, 0.22);
    outline-offset: 3px;
}


/* =========================================================
   BLOC DE RECHERCHE DÉPLIABLE
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search {
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    margin: 20px 0 26px;
    background-color: transparent !important;
    border: 0 !important;
}


/* Contenu du bloc */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-wrapper {
    position: relative;
    width: 100%;
    margin: 0;
    padding: clamp(22px, 3vw, 32px);
    color: #4e4e4e;
    background-color: #fbf7fc !important;
    border: 0 !important;
    border-radius: 22px;
    box-shadow: 0 6px 22px rgba(120, 120, 120, 0.13);
}


/* =========================================================
   TITRE DE LA RECHERCHE
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-heading {
    display:none;
}


/* =========================================================
   BOUTON DE FERMETURE
   ========================================================= */


.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer {
    position: absolute !important;
    display: block !important;
    /* Force exactement les mêmes largeur et hauteur */
    top:5px;
    right:5px;
    flex: 0 0 25px !important;
        width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    height: 25px !important;
    min-height: 25px !important;
    max-height: 25px !important;
    aspect-ratio: 1 / 1;
    font-size: 0 !important;
    line-height: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden;
    appearance: none;
    -webkit-appearance: none;
    transform: none !important;
    transition:
        background-color 0.25s ease,
        box-shadow 0.25s ease;
}

/* =========================================================
   CROIX DESSINÉE AVEC DEUX TRAITS
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer::before,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    display: block !important;
    width: 12px !important;
    height: 2px !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: #800080 !important;
    border: 0 !important;
    border-radius: 2px;
    transform-origin: center !important;
    transition: none !important;
}

/* Premier trait de la croix */
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer::before {
    transform:
        translate(-50%, -50%)
        rotate(45deg) !important;
}
/* Second trait de la croix */
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer::after {
    transform:
        translate(-50%, -50%)
        rotate(-45deg) !important;
}

/* =========================================================
   SURVOL
   Seul le fond blanc et l’ombre disparaissent
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer:hover {
    background-color: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

/* La croix ne bouge pas au survol */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer:hover::before {
    background-color: #800080 !important;
    transform:
        translate(-50%, -50%)
        rotate(45deg) !important;
}

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer:hover::after {
    background-color: #800080 !important;
    transform:
        translate(-50%, -50%)
        rotate(-45deg) !important;
}


/* =========================================================
   FORMULAIRE DE RECHERCHE
   ========================================================= */

/* Label */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-name label {
    display: none;
}

/* Champ de recherche */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-search
.ld-item-search-name
input[type="text"] {
    display: block;
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
    min-height: 52px;
    margin: 0;
    padding: 1px 18px;
    color: #4e4e4e;
    background-color: #ffffff !important;
    border: 1px solid transparent !important;
    border-radius: 20px !important;
    outline: 0;
    box-shadow: 0 5px 16px rgba(120, 120, 120, 0.12);
    font-family: inherit;
}

/* Survol du champ */
.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-search
.ld-item-search-name
input[type="text"]:hover {
    border-color: #d9d9d9 !important;
}

/* Focus du champ */
.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-search
.ld-item-search-name
input[type="text"]:focus {
    border-color: transparent !important;
    box-shadow:
        inset 0 0 0 2px #800080,
        0 5px 16px rgba(120, 120, 120, 0.12);
}

/* =========================================================
   BOUTON TEXTE « RECHERCHER »
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-submit {
    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0;
    padding: 0;
}


/* État normal */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-search
.ld-item-search-submit
input[type="submit"] {
    display: inline-block;

    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;

    margin: 0;
    padding: 8px 4px !important;

    color: #800080 !important;
    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    outline: 0;
    box-shadow: none !important;

    font-family: inherit;
    font-size: 19px !important;
    font-weight: 500;
    line-height: 1.2;
    text-transform: none;

    cursor: pointer !important;

    transition:
        font-size 0.25s ease,
        color 0.25s ease;
}


/* Survol */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-search
.ld-item-search-submit
input[type="submit"]:hover {
    color: #660066 !important;
    background: transparent !important;
    background-color: transparent !important;

    font-size: 21px !important;

    border: 0 !important;
    box-shadow: none !important;

    cursor: pointer !important;
}


/* Clic */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-search
.ld-item-search-submit
input[type="submit"]:active {
    color: #800080 !important;
    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;
}


/* Navigation au clavier */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-search
.ld-item-search-submit
input[type="submit"]:focus,
.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-search
.ld-item-search-submit
input[type="submit"]:focus-visible {
    color: #800080 !important;
    background: transparent !important;

    border: 0 !important;
    outline: 2px solid rgba(128, 0, 128, 0.25);
    outline-offset: 3px;

    box-shadow: none !important;

    cursor: pointer !important;
}

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-table-list.ld-quiz-list
> .ld-table-list-header
.ld-table-list-title,

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-table-list.ld-quiz-list
> .ld-table-list-header
.ld-table-list-column {
    color: #ffffff !important;
}

/* =========================================================
   FORCER LA SUPPRESSION DU FOND BLEU LEARNDASH
   À placer tout à la fin du CSS
   ========================================================= */


/* Bouton LearnDash */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
.learndash-wrapper
.ld-item-search
.ld-item-search-submit
input.ld-button[type="submit"] {
    display: inline-block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 8px 4px !important;
    color: #800080 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    font-size: 19px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    transition:
        color 0.25s ease,
        transform 0.25s ease !important;
}

/* Survol : léger agrandissement sans déplacer les éléments */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
.learndash-wrapper
.ld-item-search
.ld-item-search-submit
input.ld-button[type="submit"]:hover {
    color: #800080 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: scale(1.08);
    cursor: pointer !important;
}

/* Clic et focus */
.elementor-22215 .elementor-element.elementor-element-a1ccc76
.learndash-wrapper
.ld-item-search
.ld-item-search-submit
input.ld-button[type="submit"]:focus,
.elementor-22215 .elementor-element.elementor-element-a1ccc76
.learndash-wrapper
.ld-item-search
.ld-item-search-submit
input.ld-button[type="submit"]:focus-visible,
.elementor-22215 .elementor-element.elementor-element-a1ccc76
.learndash-wrapper
.ld-item-search
.ld-item-search-submit
input.ld-button[type="submit"]:active {
    color: #800080 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

/* Masquer uniquement le titre H3 « Vôtre/Vos Formations » */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list.ld-course-list
.ld-section-heading > h3 {
    display: none !important;
}
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list.ld-course-list
.ld-section-heading {
    justify-content: flex-end !important;
}

/* =========================================================
   FORMATIONS LEARNDASH — VERSION CORRIGÉE
   Le véritable conteneur est #ld-main-course-list
   ========================================================= */


/* =========================================================
   LISTE DES FORMATIONS
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 #ld-main-course-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 22px !important;
    width: 100%;
    max-width: 100%;
    margin: 30px 0 0 !important;
}


/* =========================================================
   CARTE DE FORMATION
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
> .ld-item-list-item {
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(128, 0, 128, 0.16) !important;
    border-radius: 30px !important;
    box-shadow:
        0 7px 22px
        rgba(120, 120, 120, 0.13) !important;

    box-sizing: border-box;
    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}


/* Survol de la carte */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
> .ld-item-list-item:hover {
    border-color: rgba(128, 0, 128, 0.28) !important;
    box-shadow:
        0 10px 28px
        rgba(120, 120, 120, 0.17) !important;
    transform: translateY(-2px);
}

/* =========================================================
   PARTIE SUPÉRIEURE DE LA CARTE
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-item-list-item-preview {
    display: flex !important;
    align-items: center !important;
    width: 100%;
    min-height: 82px;
    margin: 0 !important;
    padding: 18px 22px !important;
    background-color: #ffffff !important;
    border: 0 !important;
    box-sizing: border-box;
}

/* =========================================================
   NOM DE LA FORMATION
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-item-list-item-preview
.ld-item-name {
    display: flex !important;
    align-items: center !important;
    gap: 16px;
    color: #4e4e4e !important;
}


.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-course-title {
    color: #4e4e4e !important;
    font-size: 18px !important;
}

/* Bouton blanc et flèches mauves — états ouvert et fermé */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-expand-button.ld-compact.ld-not-mobile {
    background-color: #ffffff !important;
}

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-expand-button.ld-compact.ld-not-mobile
.ld-icon-arrow-down {
    color: #800080 !important;
    background-color: #ffffff !important;
}

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-expand-button.ld-compact.ld-not-mobile
.ld-icon-arrow-down::before {
    color: #800080 !important;
}
/* Retirer le cercle bleu autour de la flèche */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-expand-button.ld-compact.ld-not-mobile,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-expand-button.ld-compact.ld-not-mobile:hover,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-expand-button.ld-compact.ld-not-mobile:focus,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-expand-button.ld-compact.ld-not-mobile:active {
    background-color: #ffffff !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-expand-button.ld-compact.ld-not-mobile
.ld-icon-arrow-down {
    color: #800080 !important;
    background-color: transparent !important;
}
/* =========================================================
   PROGRESSION
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-progress {
    width: auto !important;

    margin: 0px 40px 40px 40px !important;
    padding: 0 !important;

    background-color: transparent !important;
}


/* Titre générique de progression */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-progress-label {
    display: none !important;
}


/* Ligne contenant le pourcentage et les étapes */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-progress-heading {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;

    gap: 12px;

    margin: 0 0 14px !important;
    padding: 0 !important;
}


.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-progress-stats {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;

    gap: 12px;

    width: 100% !important;
}
/* =========================================================
   BARRE DE PROGRESSION
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-progress-bar {
    overflow: hidden !important;

    width: 100% !important;
    height: 9px !important;

    margin: 0 !important;
    padding: 0 !important;

    background-color: rgba(128, 0, 128, 0.10) !important;

    border: 0 !important;
    border-radius: 20px !important;

    box-shadow: none !important;
}


/* Partie remplie de la barre */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-progress-bar
.ld-progress-bar-percentage {
    display: block !important;

    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background-color: #800080 !important;

    border: 0 !important;
    border-radius: 20px !important;

    box-shadow: none !important;
}
/* =========================================================
   POURCENTAGE
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-progress-percentage {
    color: #800080 !important;

    font-family: inherit;
    font-size: 19px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;

    text-transform: lowercase !important;
}


/* Nombre d’étapes */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-progress-steps {
    color: #77717d !important;

    font-family: inherit;
    font-size: 15px !important;
    font-weight: 400 !important;
}
.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-status-icon {
    color: #800080 !important;
}

/* header du tableau des quizzes*/
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-table-list.ld-quiz-list
> .ld-table-list-header {
    background-color: #800080 !important;
    border-radius:20px 20px 0 0;
    padding:15px;
    
}

/* Pied du tableau des quiz en violet */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-table-list.ld-quiz-list
.ld-table-list-footer {
    background-color: #800080 !important;
        border-radius: 0 0 20px 20px;
}
/* =========================================================
   PAGINATION DES QUIZZES
   ========================================================= */
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-pagination-page-profile_quizzes .ld-pages {
    display: inline-flex !important;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    margin: 0;
    padding: 0;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-pagination-page-profile_quizzes
.ld-pages > a.ld-primary-color-hover:not(.disabled):hover {
    color: #800080 !important;
}


/* =========================================================
   TABLETTE ET MOBILE
   ========================================================= */

@media screen and (max-width: 767px) {

    /* Les deux boutons restent sur la même ligne */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions {
        display: grid !important;
        grid-template-columns: 48px minmax(0, 1fr);
        width: 100%;
        gap: 10px;
    }

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions > .ld-expand-button {
        width: 100% !important;
        min-width: 0;
    }


    /* Bloc de recherche */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search {
        margin-top: 16px;
    }

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-wrapper {
        padding: 20px 16px;
        border-radius: 18px;
    }

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-heading {
        margin-right: 48px;
        margin-bottom: 20px;
    }

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer {
        top: 14px;
        right: 14px;
    }
/* =========================================================
   RESPONSIVE — RÉSERVER UNE ZONE POUR LA CROIX
   ========================================================= */

@media screen and (max-width: 767px) {

    /* Le bloc devient la référence de positionnement */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-wrapper {
        position: relative !important;

        /* Espace supérieur réservé à la croix */
        padding:
            50px
            16px
            20px
            16px !important;
        overflow: visible !important;
    }

    /* Le formulaire reste sous la croix */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-fields {
        position: relative;
        z-index: 1;
        width: 100%;
    }

    /* Le champ ne peut plus recouvrir la croix */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-name {
        position: relative;
        z-index: 1;
        width: 100%;
        min-width: 0;
    }
}

    /* Champ puis bouton sur deux lignes */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-fields {
        grid-template-columns: minmax(0, 1fr);
    }

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-submit {
        width: 100%;
    }

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .ld-item-search
    .ld-item-search-submit
    input[type="submit"] {
        width: 100%;
        min-width: 0;
    }
}

/* =========================================================
   RESPONSIVE DU TABLEAU DES QUIZ LEARNDASH

   768 px à 1024 px :
   tableau horizontal.

   767 px et moins :
   responsive natif de LearnDash.
   ========================================================= */

@media screen and (min-width: 768px) and (max-width: 1024px) {

    /* =====================================================
       TABLEAU COMPLET
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }


    /* =====================================================
       EN-TÊTE
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-header {
        display: block !important;
        margin-bottom:10px;
        width: 100% !important;
        max-width: 100% !important;
    }


    /* =====================================================
       EN-TÊTE ET LIGNES
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-header
    .ld-table-list-columns,

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-item-preview
    .ld-table-list-columns {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;

        gap: 8px !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 12px 14px !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       CONTENEUR D’UNE LIGNE
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-item-preview {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       TOUTES LES CELLULES
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-title,

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-column {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;

        float: none !important;
        clear: none !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       MASQUER LES LIBELLÉS MOBILES RÉELS

       Ces éléments contiennent :
       Certificat:
       Score:
       Statistiques:
       Date:
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-item-preview
    .ld-column-label {
        display: none !important;
        visibility: hidden !important;
        overflow: hidden !important;
    }


    /* Sécurité pour d’éventuels pseudo-éléments */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-column::before,

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-column::after {
        content: none !important;

        display: none !important;
    }


    /* =====================================================
       COLONNE QUIZ
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-title {
        flex: 1 1 10% !important;

        justify-content: flex-start !important;

        text-align: left !important;
    }


    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-title
    > a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
    }


    /* =====================================================
       COLONNE CERTIFICAT
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-column-certificate,

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-column-certificate {
        flex: 0 1 16% !important;

        justify-content: center !important;

        width: auto !important;
        min-width: 0 !important;

        text-align: center !important;
    }


    /* =====================================================
       COLONNE SCORE
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-column-scores,

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-column-scores {
        flex: 0 1 12% !important;

        justify-content: center !important;

        width: auto !important;
        min-width: 0 !important;

        text-align: center !important;
    }


    /* =====================================================
       COLONNE STATISTIQUES
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-column-stats,

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-column-stats {
        flex: 0 1 16% !important;

        justify-content: center !important;

        width: auto !important;
        min-width: 0 !important;

        text-align: center !important;
    }


    /* =====================================================
       COLONNE DATE
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-column-date,

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-column-date {
        flex: 0 1 30% !important;

        justify-content: flex-end !important;

        width: auto !important;
        min-width: 0 !important;

        white-space: normal !important;
        text-align: right !important;
    }
}
/* =========================================================
   FORMATIONS LEARNDASH — MOBILE
   Jusqu’à 767 px
   ========================================================= */

@media screen and (max-width: 767px) {

    /* =====================================================
       TITRE DE LA FORMATION
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    #ld-main-course-list
    .ld-item-list-item-preview
    .ld-item-name {
        display: flex !important;
        align-items: center !important;

        gap: 16px !important;

        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 15px 0 !important;

        box-sizing: border-box !important;
    }

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
    .ld-table-list-title
    .ld-status-icon {
        margin-bottom: 10px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1ef5494 *//* =========================================================
   STATUTS DES COMMANDES WOOCOMMERCE
   ========================================================= */


/* Apparence générale et couleur par défaut */
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: fit-content;
    max-width: 100%;
    padding: 7px 11px;
    color: #800080;
    background-color: #fbf7fc;
    border-radius: 999px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
}


/* Petit point placé avant le texte */
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut::before {
    content: "";

    display: block;
    flex: 0 0 7px;
    width: 7px;
    height: 7px;
    background-color: currentColor;
    border-radius: 50%;
}


/* =========================================================
   EN ATTENTE / PAIEMENT EN ATTENTE
   pending, on-hold, wc-pending, wc-on-hold
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--pending"],
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--on-hold"],
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--en-attente"] {
    color: #ff5207 !important;
    background-color: #ffeee6 !important;
}


/* =========================================================
   EN COURS DE TRAITEMENT
   processing ou wc-processing
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--processing"],
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--en-cours"] {
    color: #008839 !important;
    background-color: #e1f1e7 !important;
}


/* =========================================================
   TERMINÉE
   completed ou wc-completed
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--completed"],
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--terminee"] {
    color: #4e4e4e !important;
    background-color: #ececec !important;
}


/* =========================================================
   ANNULÉE
   cancelled ou wc-cancelled
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--cancelled"],
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--annulee"] {
    color: #e10024 !important;
    background-color: #ffe6e9 !important;
}


/* =========================================================
   ÉCHOUÉE
   failed ou wc-failed
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--failed"],
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--echouee"] {
    color: #e10024 !important;
    background-color: #ffe6e9 !important;
}


/* =========================================================
   REMBOURSÉE
   refunded ou wc-refunded
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--refunded"],
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--remboursee"] {
    color: #083F5A !important;
    background-color: #d7eefb !important;
}


/* =========================================================
   BROUILLON DE COMMANDE
   checkout-draft ou wc-checkout-draft
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--checkout-draft"],
.elementor-22215 .elementor-element.elementor-element-1ef5494 .pog-commandes-tva__statut[class*="--draft"] {
    color: #e89301 !important;
    background-color: #fff5df !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-40df5f5 *//* Le widget Shortcode */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .elementor-widget-shortcode {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    align-self: stretch !important;
    flex: 0 0 100% !important;
}

/* =========================================================
   DESIGN GÉNÉRAL DU TABLEAU DES COMMANDES
   Le CSS des statuts reste séparé
   ========================================================= */


/* Conteneur principal */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}


/* Conteneur du tableau :
   arrondis et reflet léger autour du tableau */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table-wrapper {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    overflow: hidden;

    background-color: #ffffff;
    border: 0 !important;
    border-radius: 12px;

    box-shadow:
        0 5px 18px rgba(30, 30, 50, 0.08),
        0 1px 5px rgba(128, 0, 128, 0.04);

    box-sizing: border-box;
}


/* Tableau */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table {
    width: 100% !important;
    max-width: 100%;
    min-width: 100%;

    margin: 0;
    padding: 0;

    background-color: #ffffff;
    border: 0 !important;
    border-collapse: separate;
    border-spacing: 0;

    font-family: inherit;
    box-shadow: none !important;

    table-layout: auto;
    box-sizing: border-box;
}


/* Supprime les bordures ajoutées par le thème */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table,
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table thead,
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody,
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tr,
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table th,
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table td {
    border: 0 !important;
}


/* =========================================================
   EN-TÊTE GRIS
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table thead {
    background-color: #f1f1f3;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table thead tr {
    background-color: #f1f1f3;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table th {
    padding: 17px 20px;

    color: #34343b;
    background-color: #f1f1f3;

    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    text-align: left;
    white-space: nowrap;
}


/* Arrondis supérieurs */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table th:first-child {
    border-radius: 12px 0 0 0;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table th:last-child {
    border-radius: 0 12px 0 0;
}


/* =========================================================
   CONTENU BLANC
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody {
    background-color: #ffffff;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody tr {
    background-color: #ffffff;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody td {
    padding: 18px 20px;

    color: inherit;
    background-color: #ffffff;

    font-family: inherit;
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
    vertical-align: middle;
}


/* Fine séparation grise entre les commandes.
   Il s’agit d’une ombre intérieure et non d’une bordure. */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody tr:not(:last-child) td {
    box-shadow: inset 0 -1px 0 #e8e8eb;
}


/* La dernière ligne ne reçoit aucune séparation */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody tr:last-child td {
    box-shadow: none;
}


/* Arrondis inférieurs */
.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody tr:last-child td:first-child {
    border-radius: 0 0 0 12px;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody tr:last-child td:last-child {
    border-radius: 0 0 12px 0;
}


/* =========================================================
   BOUTON VOIR
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__bouton {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: fit-content;
    padding: 8px 17px;

    color: #800080;
    background-color: #ffffff;
    border: 1px solid #800080;
    border-radius: 7px;

    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;

    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__bouton:hover {
    color: #ffffff;
    background-color: #800080;
    box-shadow: 0 4px 12px rgba(128, 0, 128, 0.16);
}


/* =========================================================
   PAGINATION
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 15px;

    width: 100%;
    margin-top: 22px;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__pagination a {
    color: #800080;
    text-decoration: none;
}

.elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__pagination a:hover {
    text-decoration: underline;
}


/* =========================================================
   RESPONSIVE À PARTIR DE 1250 PX
   Chaque commande devient une fiche verticale
   ========================================================= */

@media screen and (max-width: 1250px) {

    /*
     * Le reflet général est retiré du wrapper.
     * Chaque commande reçoit alors son propre reflet.
     */
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table-wrapper {
        overflow: visible;
        background-color: transparent;
        border-radius: 0;
        box-shadow: none;
    }

    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table,
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody {
        display: block;

        width: 100% !important;
        max-width: 100%;
        min-width: 0 !important;

        background-color: transparent;
    }

    /* Masque l’en-tête horizontal */
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table thead {
        display: none;
    }

    /* Une commande devient une fiche */
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody tr {
        display: block;

        width: 100%;
        max-width: 100%;
        min-width: 0;

        margin: 0 0 20px;
        overflow: hidden;

        background-color: #ffffff;
        border: 0 !important;
        border-radius: 12px;

        box-shadow:
            0 5px 18px rgba(30, 30, 50, 0.08),
            0 1px 5px rgba(128, 0, 128, 0.04);

        box-sizing: border-box;
    }

    /*
     * Chaque ancienne colonne devient une ligne :
     * intitulé à gauche, valeur à droite.
     */
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody td {
        display: grid;
        grid-template-columns: minmax(120px, 38%) minmax(0, 1fr);
        align-items: center;
        column-gap: 18px;

        width: 100% !important;
        max-width: 100%;
        min-width: 0 !important;

        padding: 14px 18px;

        background-color: #ffffff;
        text-align: right;

        border: 0 !important;
        border-radius: 0 !important;

        box-shadow: inset 0 -1px 0 #e8e8eb;

        box-sizing: border-box;
    }

    /* Nom de la donnée */
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody td::before {
        content: attr(data-title);

        color: #4e4e4e;
        font-family: inherit;
        font-size: 14px;
        font-weight: 600;
        text-align: left;
    }

    /* Pas de séparation sous la dernière donnée */
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__table tbody td:last-child {
        box-shadow: none;
    }

    /* Valeur du statut à droite */
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__statut {
        margin-left: auto;
    }

    /* Bouton à droite */
    .elementor-22215 .elementor-element.elementor-element-40df5f5 .pog-commandes-tva__bouton {
        margin-left: auto;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8805fc *//* =========================================================
   FORMULAIRE INFORMATIONS PERSONNELLES
   Couleurs principales :
   Mauve : #800080
   Rose clair : #FBF7FC
   ========================================================= */


/* =========================================================
   MASQUER LA PHOTO UNIQUEMENT DANS LE FORMULAIRE
   L’avatar de la colonne latérale reste visible
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .macfw-avatar-upload-section {
    display: none !important;
}


/* Évite un éventuel espace vide laissé par le bloc photo */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm > .macfw-avatar-upload-section + hr,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .macfw-avatar-upload-section + hr {
    display: none !important;
}


/* =========================================================
   FORMULAIRE COMPLET
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 30px;
    row-gap: 22px;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    margin: 0;
    padding: clamp(22px, 3vw, 40px);

    color: #4e4e4e;
    background-color: #ffffff;

    border: 0 !important;

    font-family: inherit;
    box-sizing: border-box;
}


/* Tous les éléments utilisent le même calcul de largeur */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm *,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm *::before,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm *::after {
    box-sizing: border-box;
}


/* Retire les marges WooCommerce par défaut */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm p {
    margin: 0;
}


/* Prénom et nom : deux colonnes */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-form-row--first,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-form-row--last {
    width: 100% !important;
    min-width: 0;
    margin: 0 !important;
    float: none !important;
}


/* Champs larges sur toute la ligne */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-form-row--wide,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .form-row-wide,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .pog-account-vat-number {
    grid-column: 1 / -1;

    width: 100% !important;
    max-width: 100%;
    min-width: 0;

    margin: 0 !important;
}


/* Retire les anciens éléments de nettoyage des floats */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .clear {
    display: none;
}


/* =========================================================
   LABELS
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm label {
    display: block;

    margin: 0 0 8px;

    color: #800080;

    font-family: inherit;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
}


/* Astérisques obligatoires */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm label .required {
    color: #e10024 ;
    font-size:18px;
    text-decoration: none;
}


/* =========================================================
   CHAMPS DE SAISIE
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="text"],
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="email"],
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="password"],
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="tel"],
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm select,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm textarea {
    display: block;

    width: 100% !important;
    max-width: 100%;
    min-width: 0;
    min-height: 52px;

    margin: 0;
    padding: 12px 16px;

    color: #4e4e4e;
   
    border: 1px solid transparent !important;
    border-radius: 20px;
    outline: 0;
box-shadow: 0 5px 16px rgba(120, 120, 120, 0.12);

}


/* Survol */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="text"]:hover,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="email"]:hover,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="password"]:hover,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="tel"]:hover,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm select:hover,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm textarea:hover {
    background-color: #ffffff;
    border: 1px solid #d9d9d9 !important;
}


/* Focus */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="text"]:focus,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="email"]:focus,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="password"]:focus,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm input[type="tel"]:focus,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm select:focus,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm textarea:focus {
    background-color: #ffffff;
    border-color: transparent !important;
    box-shadow:
        inset 0 0 0 2px #800080,
        0 4px 14px rgba(120, 120, 120, 0.12);
}


/* =========================================================
   TEXTE SOUS LE NOM AFFICHÉ
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm em {
    display: block;

    margin-top: 8px;

    color: #77717d;

    font-family: inherit;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
}


/* =========================================================
   SECTION MOT DE PASSE
   ========================================================= */

/* =========================================================
   ALIGNEMENT DES CHAMPS DE MOT DE PASSE
   ========================================================= */


/* Les titres restent au-dessus des champs */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm fieldset p label {
    display: block !important;

    width: 100%;
    margin: 0 0 8px;

    color: #4e4e4e;

    font-family: inherit;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    text-align: left;
}

/* Le bloc reste à sa position naturelle sous le champ TVA */


/* =========================================================
   BOUTON ENREGISTRER
   Uniquement le paragraphe directement placé dans le formulaire
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm > p:last-child {
    grid-column: 1 / -1;

    display: flex !important;
    justify-content: flex-start;
    align-items: center;

    width: 100%;
    margin: 4px 0 0 !important;
}

/* Titre “Changement de mot de passe” */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm fieldset legend {
    display: block;
    width: 100%;

    margin: 0 0 2px;
    padding: 0;

    color: #800080;

    font-family: inherit;
    font-size: clamp(19px, 2vw, 23px);
    font-weight: 600;
    line-height: 1.3;
}

/* =========================================================
   BOUTON ENREGISTRER
   ========================================================= */

/* Boutons WooCommerce du formulaire */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm button[type="submit"],
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-Button,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    color: #ffffff !important;
    background-color: #800080 !important;

    border: 0 !important;
    border-radius: 20px 20px 20px 20px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);

    font-family: inherit;
    line-height: 1.2;
    text-decoration: none;
}


/* Survol du bouton */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm button[type="submit"]:hover,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-Button:hover,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .button:hover {
    color: #800080!important;
    background-color: #ffffff !important;
}


/* Focus clavier */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm button[type="submit"]:focus-visible,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-Button:focus-visible,
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .button:focus-visible {
    outline: 3px solid rgba(128, 0, 128, 0.22);
    outline-offset: 3px;    
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media screen and (max-width: 767px) {

    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
        padding: 20px 16px;
        border-radius: 12px;
    }

    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-form-row--first,
    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-form-row--last,
    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-form-row--wide,
    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm fieldset,
    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm p:last-child {
        grid-column: 1;
    }

    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm button[type="submit"],
    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .woocommerce-Button,
    .elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-EditAccountForm .button {
        width: 100% !important;
        min-width: 0;
    }
}

/* =========================================================
   MOTS DE PASSE DIFFÉRENTS
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .pog-password-match-message.pog-password-match-error {
    color: #e10024;
    font-size: 15px;
    background-color: #ffffff;
}


/* =========================================================
   MOTS DE PASSE IDENTIQUES
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .pog-password-match-message.pog-password-match-success {
    color: #008839;
    font-size: 15px;
    background-color: #ffffff;
}


/* =========================================================
   MESSAGE VIDE
   Empêche de conserver un bloc vide
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .pog-password-match-message:empty {
    display: none;
}

/* =========================================================
   ROBUSTESSE DU CODE SECRET
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-password-hint {
    display: block !important;
    margin-top: 12px !important;
    margin-bottom: 20px !important;
}

.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-password-strength {
    text-align: left;
    font-size: 15px;
    margin-bottom:10px;
}
   
/* Très faible */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-password-strength.short {
    color: #e10024 !important;
    background-color: #ffffff !important;
}


/* Faible */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-password-strength.bad {
    color: #ff5207 !important;
    background-color: #ffffff !important;
}


/* Moyenne */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-password-strength.good {
    color: #e89301 !important;
    font-size: 15px;
    background-color: #ffffff !important;
}


/* Forte */
.elementor-22215 .elementor-element.elementor-element-d8805fc .woocommerce-password-strength.strong {
    color: #008839 !important;
    background-color: #ffff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa16885 *//* =========================================================
   STATUTS DES COMMANDES WOOCOMMERCE
   ========================================================= */


/* Apparence générale et couleur par défaut */
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: fit-content;
    max-width: 100%;
    padding: 7px 11px;
    color: #800080;
    background-color: #fbf7fc;
    border-radius: 999px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
}


/* Petit point placé avant le texte */
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut::before {
    content: "";

    display: block;
    flex: 0 0 7px;
    width: 7px;
    height: 7px;
    background-color: currentColor;
    border-radius: 50%;
}


/* =========================================================
   EN ATTENTE / PAIEMENT EN ATTENTE
   pending, on-hold, wc-pending, wc-on-hold
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--pending"],
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--on-hold"],
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--en-attente"] {
    color: #ff5207 !important;
    background-color: #ffeee6 !important;
}


/* =========================================================
   EN COURS DE TRAITEMENT
   processing ou wc-processing
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--processing"],
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--en-cours"] {
    color: #008839 !important;
    background-color: #e1f1e7 !important;
}


/* =========================================================
   TERMINÉE
   completed ou wc-completed
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--completed"],
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--terminee"] {
    color: #4e4e4e !important;
    background-color: #ececec !important;
}


/* =========================================================
   ANNULÉE
   cancelled ou wc-cancelled
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--cancelled"],
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--annulee"] {
    color: #e10024 !important;
    background-color: #ffe6e9 !important;
}


/* =========================================================
   ÉCHOUÉE
   failed ou wc-failed
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--failed"],
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--echouee"] {
    color: #e10024 !important;
    background-color: #ffe6e9 !important;
}


/* =========================================================
   REMBOURSÉE
   refunded ou wc-refunded
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--refunded"],
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--remboursee"] {
    color: #083F5A !important;
    background-color: #d7eefb !important;
}


/* =========================================================
   BROUILLON DE COMMANDE
   checkout-draft ou wc-checkout-draft
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--checkout-draft"],
.elementor-22215 .elementor-element.elementor-element-fa16885 .pog-commandes-tva__statut[class*="--draft"] {
    color: #e89301 !important;
    background-color: #fff5df !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f022abf *//* =========================================================
   DESIGN GÉNÉRAL DU TABLEAU DES COMMANDES
   Le CSS des statuts reste séparé
   ========================================================= */


/* Conteneur principal */
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}


/* Conteneur du tableau :
   arrondis et reflet léger autour du tableau */
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table-wrapper {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    overflow: hidden;

    background-color: #ffffff;
    border: 0 !important;
    border-radius: 12px;

    box-shadow:
        0 5px 18px rgba(30, 30, 50, 0.08),
        0 1px 5px rgba(128, 0, 128, 0.04);

    box-sizing: border-box;
}


/* Tableau */
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table {
    width: 100% !important;
    max-width: 100%;
    min-width: 100%;

    margin: 0;
    padding: 0;

    background-color: #ffffff;
    border: 0 !important;
    border-collapse: separate;
    border-spacing: 0;

    font-family: inherit;
    box-shadow: none !important;

    table-layout: auto;
    box-sizing: border-box;
}


/* Supprime les bordures ajoutées par le thème */
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table,
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table thead,
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody,
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tr,
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table th,
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table td {
    border: 0 !important;
}


/* =========================================================
   EN-TÊTE GRIS
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table thead {
    background-color: #f1f1f3;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table thead tr {
    background-color: #f1f1f3;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table th {
    padding: 17px 20px;

    color: #34343b;
    background-color: #f1f1f3;

    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    text-align: left;
    white-space: nowrap;
}


/* Arrondis supérieurs */
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table th:first-child {
    border-radius: 12px 0 0 0;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table th:last-child {
    border-radius: 0 12px 0 0;
}


/* =========================================================
   CONTENU BLANC
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody {
    background-color: #ffffff;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody tr {
    background-color: #ffffff;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody td {
    padding: 18px 20px;

    color: inherit;
    background-color: #ffffff;

    font-family: inherit;
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
    vertical-align: middle;
}


/* Fine séparation grise entre les commandes.
   Il s’agit d’une ombre intérieure et non d’une bordure. */
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody tr:not(:last-child) td {
    box-shadow: inset 0 -1px 0 #e8e8eb;
}


/* La dernière ligne ne reçoit aucune séparation */
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody tr:last-child td {
    box-shadow: none;
}


/* Arrondis inférieurs */
.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody tr:last-child td:first-child {
    border-radius: 0 0 0 12px;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody tr:last-child td:last-child {
    border-radius: 0 0 12px 0;
}


/* =========================================================
   BOUTON VOIR
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__bouton {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: fit-content;
    padding: 8px 17px;

    color: #800080;
    background-color: #ffffff;
    border: 1px solid #800080;
    border-radius: 7px;

    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;

    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__bouton:hover {
    color: #ffffff;
    background-color: #800080;
    box-shadow: 0 4px 12px rgba(128, 0, 128, 0.16);
}


/* =========================================================
   PAGINATION
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 15px;

    width: 100%;
    margin-top: 22px;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__pagination a {
    color: #800080;
    text-decoration: none;
}

.elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__pagination a:hover {
    text-decoration: underline;
}


/* =========================================================
   RESPONSIVE À PARTIR DE 1250 PX
   Chaque commande devient une fiche verticale
   ========================================================= */

@media screen and (max-width: 1250px) {

    /*
     * Le reflet général est retiré du wrapper.
     * Chaque commande reçoit alors son propre reflet.
     */
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table-wrapper {
        overflow: visible;
        background-color: transparent;
        border-radius: 0;
        box-shadow: none;
    }

    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table,
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody {
        display: block;

        width: 100% !important;
        max-width: 100%;
        min-width: 0 !important;

        background-color: transparent;
    }

    /* Masque l’en-tête horizontal */
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table thead {
        display: none;
    }

    /* Une commande devient une fiche */
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody tr {
        display: block;

        width: 100%;
        max-width: 100%;
        min-width: 0;

        margin: 0 0 20px;
        overflow: hidden;

        background-color: #ffffff;
        border: 0 !important;
        border-radius: 12px;

        box-shadow:
            0 5px 18px rgba(30, 30, 50, 0.08),
            0 1px 5px rgba(128, 0, 128, 0.04);

        box-sizing: border-box;
    }

    /*
     * Chaque ancienne colonne devient une ligne :
     * intitulé à gauche, valeur à droite.
     */
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody td {
        display: grid;
        grid-template-columns: minmax(120px, 38%) minmax(0, 1fr);
        align-items: center;
        column-gap: 18px;

        width: 100% !important;
        max-width: 100%;
        min-width: 0 !important;

        padding: 14px 18px;

        background-color: #ffffff;
        text-align: right;

        border: 0 !important;
        border-radius: 0 !important;

        box-shadow: inset 0 -1px 0 #e8e8eb;

        box-sizing: border-box;
    }

    /* Nom de la donnée */
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody td::before {
        content: attr(data-title);

        color: #4e4e4e;
        font-family: inherit;
        font-size: 14px;
        font-weight: 600;
        text-align: left;
    }

    /* Pas de séparation sous la dernière donnée */
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__table tbody td:last-child {
        box-shadow: none;
    }

    /* Valeur du statut à droite */
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__statut {
        margin-left: auto;
    }

    /* Bouton à droite */
    .elementor-22215 .elementor-element.elementor-element-f022abf .pog-commandes-tva__bouton {
        margin-left: auto;
    }
}/* End custom CSS */
/* Start custom CSS for ld-profile, class: .elementor-element-a1ccc76 *//* =========================================================
   LEARNDASH — RECHERCHE ET BOUTON TOUT AFFICHER
   ========================================================= */
   
/* Texte normal 1ère lettre en majuscule */
   
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-text,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search-heading,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search-name label {
    text-transform: lowercase !important;
}

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-text::first-letter,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search-heading::first-letter,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search-name label::first-letter {
    text-transform: uppercase !important;
}

/* =========================================================
   ALIGNEMENT DE LA LOUPE ET DU BOUTON
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: wrap;
    gap: 40px;
    margin: 0;
}


/* =========================================================
   BOUTON LOUPE
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions .ld-search-prompt {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    text-decoration:none;
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    margin: 0;
    padding: 0 !important;
    color: #800080 !important;
    background-color: #ffffff !important;
    border: 0 !important;
    border-radius: 50% !important;
    box-shadow: 0 5px 16px rgba(120, 120, 120, 0.18);
    transition:
        color 0.25s ease,
        background-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}

/* Couleur de l’icône de recherche */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions .ld-search-prompt::before {
    color: inherit !important;
    font-size: 20px !important;
}

/* Survol de la loupe */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions .ld-search-prompt:hover {
    color: #ffffff !important;
    background-color: #800080 !important;
    transform: scale(1.12);
}


/* État actif lorsque la recherche est ouverte */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions .ld-search-prompt.ld-expanded,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions .ld-search-prompt[aria-expanded="true"] {
    color: #ffffff !important;
    background-color: #800080 !important;
    box-shadow: 0 5px 16px rgba(128, 0, 128, 0.22);
}

/* Focus clavier */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions .ld-search-prompt:focus-visible {
    outline: 3px solid rgba(128, 0, 128, 0.22);
    outline-offset: 3px;
}


/* =========================================================
   BOUTON TOUT AFFICHER
   On le cible uniquement dans l’en-tête pour ne pas modifier
   les boutons d’ouverture des formations.
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions > .ld-expand-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: auto !important;
    min-width: 180px;
    min-height: 48px;
    margin: 0;
    padding: 11px 24px !important;
    color: #ffffff !important;
    background-color: #800080 !important;
    border: 0 !important;
    border-radius: 24px !important;
    box-shadow: 0 5px 16px rgba(120, 120, 120, 0.18);
    font-family: inherit;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.2;
    text-transform: none;
    transition:
        color 0.25s ease,
        background-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}
/* Retire le contour bleu du bouton Tout afficher */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions > .ld-expand-button:focus,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions > .ld-expand-button:focus-visible,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions > .ld-expand-button:active,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions > .ld-expand-button[aria-expanded="true"] {
    outline: none !important;
    border: 0 !important;
    box-shadow: 0 5px 16px rgba(120, 120, 120, 0.18) !important;
}
/* Survol */
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions > .ld-expand-button:hover {
    color: #800080 !important;
    background-color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 7px 20px rgba(120, 120, 120, 0.24);
}

/* Focus clavier */
.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-list-actions
> .ld-expand-button:focus-visible {
    outline: 3px solid rgba(128, 0, 128, 0.22);
    outline-offset: 3px;
}


/* =========================================================
   BLOC DE RECHERCHE DÉPLIABLE
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search {
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    margin: 20px 0 26px;
    background-color: transparent !important;
    border: 0 !important;
}


/* Contenu du bloc */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-wrapper {
    position: relative;
    width: 100%;
    margin: 0;
    padding: clamp(22px, 3vw, 32px);
    color: #4e4e4e;
    background-color: #fbf7fc !important;
    border: 0 !important;
    border-radius: 22px;
    box-shadow: 0 6px 22px rgba(120, 120, 120, 0.13);
}


/* =========================================================
   TITRE DE LA RECHERCHE
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-heading {
    display:none;
}


/* =========================================================
   BOUTON DE FERMETURE
   ========================================================= */


.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer {
    position: absolute !important;
    display: block !important;
    /* Force exactement les mêmes largeur et hauteur */
    top:5px;
    right:5px;
    flex: 0 0 25px !important;
        width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    height: 25px !important;
    min-height: 25px !important;
    max-height: 25px !important;
    aspect-ratio: 1 / 1;
    font-size: 0 !important;
    line-height: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden;
    appearance: none;
    -webkit-appearance: none;
    transform: none !important;
    transition:
        background-color 0.25s ease,
        box-shadow 0.25s ease;
}

/* =========================================================
   CROIX DESSINÉE AVEC DEUX TRAITS
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer::before,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    display: block !important;
    width: 12px !important;
    height: 2px !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: #800080 !important;
    border: 0 !important;
    border-radius: 2px;
    transform-origin: center !important;
    transition: none !important;
}

/* Premier trait de la croix */
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer::before {
    transform:
        translate(-50%, -50%)
        rotate(45deg) !important;
}
/* Second trait de la croix */
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer::after {
    transform:
        translate(-50%, -50%)
        rotate(-45deg) !important;
}

/* =========================================================
   SURVOL
   Seul le fond blanc et l’ombre disparaissent
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer:hover {
    background-color: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

/* La croix ne bouge pas au survol */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer:hover::before {
    background-color: #800080 !important;
    transform:
        translate(-50%, -50%)
        rotate(45deg) !important;
}

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer:hover::after {
    background-color: #800080 !important;
    transform:
        translate(-50%, -50%)
        rotate(-45deg) !important;
}


/* =========================================================
   FORMULAIRE DE RECHERCHE
   ========================================================= */

/* Label */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-name label {
    display: none;
}

/* Champ de recherche */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-search
.ld-item-search-name
input[type="text"] {
    display: block;
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
    min-height: 52px;
    margin: 0;
    padding: 1px 18px;
    color: #4e4e4e;
    background-color: #ffffff !important;
    border: 1px solid transparent !important;
    border-radius: 20px !important;
    outline: 0;
    box-shadow: 0 5px 16px rgba(120, 120, 120, 0.12);
    font-family: inherit;
}

/* Survol du champ */
.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-search
.ld-item-search-name
input[type="text"]:hover {
    border-color: #d9d9d9 !important;
}

/* Focus du champ */
.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-search
.ld-item-search-name
input[type="text"]:focus {
    border-color: transparent !important;
    box-shadow:
        inset 0 0 0 2px #800080,
        0 5px 16px rgba(120, 120, 120, 0.12);
}

/* =========================================================
   BOUTON TEXTE « RECHERCHER »
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-submit {
    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0;
    padding: 0;
}


/* État normal */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-search
.ld-item-search-submit
input[type="submit"] {
    display: inline-block;

    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;

    margin: 0;
    padding: 8px 4px !important;

    color: #800080 !important;
    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    outline: 0;
    box-shadow: none !important;

    font-family: inherit;
    font-size: 19px !important;
    font-weight: 500;
    line-height: 1.2;
    text-transform: none;

    cursor: pointer !important;

    transition:
        font-size 0.25s ease,
        color 0.25s ease;
}


/* Survol */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-search
.ld-item-search-submit
input[type="submit"]:hover {
    color: #660066 !important;
    background: transparent !important;
    background-color: transparent !important;

    font-size: 21px !important;

    border: 0 !important;
    box-shadow: none !important;

    cursor: pointer !important;
}


/* Clic */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-search
.ld-item-search-submit
input[type="submit"]:active {
    color: #800080 !important;
    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;
}


/* Navigation au clavier */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-search
.ld-item-search-submit
input[type="submit"]:focus,
.elementor-22215 .elementor-element.elementor-element-a1ccc76
.ld-item-search
.ld-item-search-submit
input[type="submit"]:focus-visible {
    color: #800080 !important;
    background: transparent !important;

    border: 0 !important;
    outline: 2px solid rgba(128, 0, 128, 0.25);
    outline-offset: 3px;

    box-shadow: none !important;

    cursor: pointer !important;
}

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-table-list.ld-quiz-list
> .ld-table-list-header
.ld-table-list-title,

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-table-list.ld-quiz-list
> .ld-table-list-header
.ld-table-list-column {
    color: #ffffff !important;
}

/* =========================================================
   FORCER LA SUPPRESSION DU FOND BLEU LEARNDASH
   À placer tout à la fin du CSS
   ========================================================= */


/* Bouton LearnDash */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
.learndash-wrapper
.ld-item-search
.ld-item-search-submit
input.ld-button[type="submit"] {
    display: inline-block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 8px 4px !important;
    color: #800080 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    font-size: 19px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    transition:
        color 0.25s ease,
        transform 0.25s ease !important;
}

/* Survol : léger agrandissement sans déplacer les éléments */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
.learndash-wrapper
.ld-item-search
.ld-item-search-submit
input.ld-button[type="submit"]:hover {
    color: #800080 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: scale(1.08);
    cursor: pointer !important;
}

/* Clic et focus */
.elementor-22215 .elementor-element.elementor-element-a1ccc76
.learndash-wrapper
.ld-item-search
.ld-item-search-submit
input.ld-button[type="submit"]:focus,
.elementor-22215 .elementor-element.elementor-element-a1ccc76
.learndash-wrapper
.ld-item-search
.ld-item-search-submit
input.ld-button[type="submit"]:focus-visible,
.elementor-22215 .elementor-element.elementor-element-a1ccc76
.learndash-wrapper
.ld-item-search
.ld-item-search-submit
input.ld-button[type="submit"]:active {
    color: #800080 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

/* Masquer uniquement le titre H3 « Vôtre/Vos Formations » */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list.ld-course-list
.ld-section-heading > h3 {
    display: none !important;
}
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list.ld-course-list
.ld-section-heading {
    justify-content: flex-end !important;
}

/* =========================================================
   FORMATIONS LEARNDASH — VERSION CORRIGÉE
   Le véritable conteneur est #ld-main-course-list
   ========================================================= */


/* =========================================================
   LISTE DES FORMATIONS
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 #ld-main-course-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 22px !important;
    width: 100%;
    max-width: 100%;
    margin: 30px 0 0 !important;
}


/* =========================================================
   CARTE DE FORMATION
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
> .ld-item-list-item {
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(128, 0, 128, 0.16) !important;
    border-radius: 30px !important;
    box-shadow:
        0 7px 22px
        rgba(120, 120, 120, 0.13) !important;

    box-sizing: border-box;
    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}


/* Survol de la carte */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
> .ld-item-list-item:hover {
    border-color: rgba(128, 0, 128, 0.28) !important;
    box-shadow:
        0 10px 28px
        rgba(120, 120, 120, 0.17) !important;
    transform: translateY(-2px);
}

/* =========================================================
   PARTIE SUPÉRIEURE DE LA CARTE
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-item-list-item-preview {
    display: flex !important;
    align-items: center !important;
    width: 100%;
    min-height: 82px;
    margin: 0 !important;
    padding: 18px 22px !important;
    background-color: #ffffff !important;
    border: 0 !important;
    box-sizing: border-box;
}

/* =========================================================
   NOM DE LA FORMATION
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-item-list-item-preview
.ld-item-name {
    display: flex !important;
    align-items: center !important;
    gap: 16px;
    color: #4e4e4e !important;
}


.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-course-title {
    color: #4e4e4e !important;
    font-size: 18px !important;
}

/* Bouton blanc et flèches mauves — états ouvert et fermé */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-expand-button.ld-compact.ld-not-mobile {
    background-color: #ffffff !important;
}

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-expand-button.ld-compact.ld-not-mobile
.ld-icon-arrow-down {
    color: #800080 !important;
    background-color: #ffffff !important;
}

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-expand-button.ld-compact.ld-not-mobile
.ld-icon-arrow-down::before {
    color: #800080 !important;
}
/* Retirer le cercle bleu autour de la flèche */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-expand-button.ld-compact.ld-not-mobile,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-expand-button.ld-compact.ld-not-mobile:hover,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-expand-button.ld-compact.ld-not-mobile:focus,
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-expand-button.ld-compact.ld-not-mobile:active {
    background-color: #ffffff !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-expand-button.ld-compact.ld-not-mobile
.ld-icon-arrow-down {
    color: #800080 !important;
    background-color: transparent !important;
}
/* =========================================================
   PROGRESSION
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-progress {
    width: auto !important;

    margin: 0px 40px 40px 40px !important;
    padding: 0 !important;

    background-color: transparent !important;
}


/* Titre générique de progression */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-progress-label {
    display: none !important;
}


/* Ligne contenant le pourcentage et les étapes */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-progress-heading {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;

    gap: 12px;

    margin: 0 0 14px !important;
    padding: 0 !important;
}


.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-progress-stats {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;

    gap: 12px;

    width: 100% !important;
}
/* =========================================================
   BARRE DE PROGRESSION
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-progress-bar {
    overflow: hidden !important;

    width: 100% !important;
    height: 9px !important;

    margin: 0 !important;
    padding: 0 !important;

    background-color: rgba(128, 0, 128, 0.10) !important;

    border: 0 !important;
    border-radius: 20px !important;

    box-shadow: none !important;
}


/* Partie remplie de la barre */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-progress-bar
.ld-progress-bar-percentage {
    display: block !important;

    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background-color: #800080 !important;

    border: 0 !important;
    border-radius: 20px !important;

    box-shadow: none !important;
}
/* =========================================================
   POURCENTAGE
   ========================================================= */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-progress-percentage {
    color: #800080 !important;

    font-family: inherit;
    font-size: 19px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;

    text-transform: lowercase !important;
}


/* Nombre d’étapes */

.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-progress-steps {
    color: #77717d !important;

    font-family: inherit;
    font-size: 15px !important;
    font-weight: 400 !important;
}
.elementor-22215 .elementor-element.elementor-element-a1ccc76
#ld-main-course-list
.ld-status-icon {
    color: #800080 !important;
}

/* header du tableau des quizzes*/
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-table-list.ld-quiz-list
> .ld-table-list-header {
    background-color: #800080 !important;
    border-radius:20px 20px 0 0;
    padding:15px;
    
}

/* Pied du tableau des quiz en violet */

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-table-list.ld-quiz-list
.ld-table-list-footer {
    background-color: #800080 !important;
        border-radius: 0 0 20px 20px;
}
/* =========================================================
   PAGINATION DES QUIZZES
   ========================================================= */
.elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-pagination-page-profile_quizzes .ld-pages {
    display: inline-flex !important;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    margin: 0;
    padding: 0;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
.ld-pagination-page-profile_quizzes
.ld-pages > a.ld-primary-color-hover:not(.disabled):hover {
    color: #800080 !important;
}


/* =========================================================
   TABLETTE ET MOBILE
   ========================================================= */

@media screen and (max-width: 767px) {

    /* Les deux boutons restent sur la même ligne */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions {
        display: grid !important;
        grid-template-columns: 48px minmax(0, 1fr);
        width: 100%;
        gap: 10px;
    }

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-list-actions > .ld-expand-button {
        width: 100% !important;
        min-width: 0;
    }


    /* Bloc de recherche */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search {
        margin-top: 16px;
    }

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-wrapper {
        padding: 20px 16px;
        border-radius: 18px;
    }

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-heading {
        margin-right: 48px;
        margin-bottom: 20px;
    }

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-closer {
        top: 14px;
        right: 14px;
    }
/* =========================================================
   RESPONSIVE — RÉSERVER UNE ZONE POUR LA CROIX
   ========================================================= */

@media screen and (max-width: 767px) {

    /* Le bloc devient la référence de positionnement */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-wrapper {
        position: relative !important;

        /* Espace supérieur réservé à la croix */
        padding:
            50px
            16px
            20px
            16px !important;
        overflow: visible !important;
    }

    /* Le formulaire reste sous la croix */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-fields {
        position: relative;
        z-index: 1;
        width: 100%;
    }

    /* Le champ ne peut plus recouvrir la croix */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-name {
        position: relative;
        z-index: 1;
        width: 100%;
        min-width: 0;
    }
}

    /* Champ puis bouton sur deux lignes */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-fields {
        grid-template-columns: minmax(0, 1fr);
    }

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .ld-item-search .ld-item-search-submit {
        width: 100%;
    }

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .ld-item-search
    .ld-item-search-submit
    input[type="submit"] {
        width: 100%;
        min-width: 0;
    }
}

/* =========================================================
   RESPONSIVE DU TABLEAU DES QUIZ LEARNDASH

   768 px à 1024 px :
   tableau horizontal.

   767 px et moins :
   responsive natif de LearnDash.
   ========================================================= */

@media screen and (min-width: 768px) and (max-width: 1024px) {

    /* =====================================================
       TABLEAU COMPLET
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }


    /* =====================================================
       EN-TÊTE
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-header {
        display: block !important;
        margin-bottom:10px;
        width: 100% !important;
        max-width: 100% !important;
    }


    /* =====================================================
       EN-TÊTE ET LIGNES
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-header
    .ld-table-list-columns,

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-item-preview
    .ld-table-list-columns {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;

        gap: 8px !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 12px 14px !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       CONTENEUR D’UNE LIGNE
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-item-preview {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       TOUTES LES CELLULES
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-title,

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-column {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;

        float: none !important;
        clear: none !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       MASQUER LES LIBELLÉS MOBILES RÉELS

       Ces éléments contiennent :
       Certificat:
       Score:
       Statistiques:
       Date:
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-item-preview
    .ld-column-label {
        display: none !important;
        visibility: hidden !important;
        overflow: hidden !important;
    }


    /* Sécurité pour d’éventuels pseudo-éléments */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-column::before,

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-column::after {
        content: none !important;

        display: none !important;
    }


    /* =====================================================
       COLONNE QUIZ
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-title {
        flex: 1 1 10% !important;

        justify-content: flex-start !important;

        text-align: left !important;
    }


    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-title
    > a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
    }


    /* =====================================================
       COLONNE CERTIFICAT
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-column-certificate,

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-column-certificate {
        flex: 0 1 16% !important;

        justify-content: center !important;

        width: auto !important;
        min-width: 0 !important;

        text-align: center !important;
    }


    /* =====================================================
       COLONNE SCORE
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-column-scores,

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-column-scores {
        flex: 0 1 12% !important;

        justify-content: center !important;

        width: auto !important;
        min-width: 0 !important;

        text-align: center !important;
    }


    /* =====================================================
       COLONNE STATISTIQUES
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-column-stats,

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-column-stats {
        flex: 0 1 16% !important;

        justify-content: center !important;

        width: auto !important;
        min-width: 0 !important;

        text-align: center !important;
    }


    /* =====================================================
       COLONNE DATE
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-column-date,

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    .learndash-wrapper
    .ld-table-list.ld-quiz-list
    .ld-table-list-column-date {
        flex: 0 1 30% !important;

        justify-content: flex-end !important;

        width: auto !important;
        min-width: 0 !important;

        white-space: normal !important;
        text-align: right !important;
    }
}
/* =========================================================
   FORMATIONS LEARNDASH — MOBILE
   Jusqu’à 767 px
   ========================================================= */

@media screen and (max-width: 767px) {

    /* =====================================================
       TITRE DE LA FORMATION
       ===================================================== */

    .elementor-22215 .elementor-element.elementor-element-a1ccc76
    #ld-main-course-list
    .ld-item-list-item-preview
    .ld-item-name {
        display: flex !important;
        align-items: center !important;

        gap: 16px !important;

        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 15px 0 !important;

        box-sizing: border-box !important;
    }

    .elementor-22215 .elementor-element.elementor-element-a1ccc76 .learndash-wrapper
    .ld-table-list-title
    .ld-status-icon {
        margin-bottom: 10px !important;
    }
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-0e0d9ef *//*
 * Colonne du menu :
 * - minimum si le contenu est court ;
 * - s'allonge naturellement si le contenu est plus haut.
 */
.elementor-22215 .elementor-element.elementor-element-0e0d9ef .e-n-tabs-heading {
    min-height: 500px !important;
    background-color: #fbf7fc;
    border-radius: 0 0 40px 40px;
}

/*
 * Zone de contenu :
 * la marge négative la remonte tout en supprimant
 * réellement cet espace du calcul de la hauteur.
 */
.elementor-22215 .elementor-element.elementor-element-0e0d9ef .e-n-tabs-content {
    margin-top: -240px !important;
}


/* Responsive : plus aucun décalage négatif */
@media screen and (max-width: 1024px) {
    .elementor-22215 .elementor-element.elementor-element-0e0d9ef .e-n-tabs-content {
        margin-top: 0 !important;
    }

    .elementor-22215 .elementor-element.elementor-element-0e0d9ef .e-n-tabs-heading {
        min-height: 0 !important;
        height: auto !important;
        border-radius: 0px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-319b9fc *//* Boîte de connexion : angles arrondis et reflet */
body.page-id-15:not(.logged-in) .pog-login-box {
    border-radius: 65px;
    overflow: hidden;
    box-shadow: 0 18px 35px rgba(35, 0, 35, 0.35);
}

/* Bouton WooCommerce, dans l'esprit de p.pog-bouton a */
body.page-id-15:not(.logged-in) .pog-login-box
.woocommerce-form-login button[type="submit"] {
    background-color: #800080;
    color: #fff;
    border-radius: 20px;
    padding: 4px 15px 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    cursor: pointer;
}

body.page-id-15:not(.logged-in) .pog-login-box
.woocommerce-form-login button[type="submit"]:hover {
    background-color: #fff;
    color: #800080;
    font-weight: bold;
}/* End custom CSS */