@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&family=Oswald:wght@200..700&display=swap');
.wpc-ezcreator-single-configurator .container, .wpc-ezcreator-single-configurator .wpc-config-element.wpc-ezcreator-content-pusher {
  background: linear-gradient(180deg, rgba(21, 21, 21, 1) 0%, rgba(35, 35, 35, 1) 35%, rgba(49, 49, 49, 1) 100%);
}
.wpc-ezcreator-single-configurator .wpc-config-element.wpc-ezcreator-content-pusher header.wpc-header-parent-wrap{
  margin-top:0!important;
  padding:30px 0 !important;
}
.wpc-ezcreator-single-configurator header div#wpc-logo {
  display: none !important;
}
.slide-right .wpc-ezcreator-content-pusher, .slide-right .wpc-controls-parent-wrap {
  left: 0;
}
.wpc-ezcreator-single-configurator #wpc-header-element-right-wrapper {
  float: left !important;
  position: relative;
  top: 50px;
}
.wpc-ezcreator-single-configurator .wpc-control-lists:before {
  display: none;
}
.wpc-ezcreator-single-configurator .wpc-floating-icons {
  top: 25px !important;
}
.wpc-ezcreator-single-configurator .wpc-floating-icons li {
  margin: 0 10px 10px 0;
  display: inline-block;
}
.wpc-flyin-wrap.wpc-flyin-right.wpc-flyin-small {
  height: calc(100% - 135px) !important;
  max-height: calc(100% - 135px) !important;
}
.wpc-ezcreator-single-configurator .wpc-controls-parent-wrap ul.wpc-control-lists-inner li {
  border-left: 1px solid #535353;
  width: 200px;
  max-width: 100%;
  min-width: 200px;
}
.wpc-ezcreator-single-configurator .wpc-controls-parent-wrap ul {
  margin: 0;
  border: 0;
  padding: 0px 0 !important;
}
.wpc-ezcreator-single-configurator .wpc-controls-parent-wrap .wpc-control-lists {
  border: 0 !important;
  height: 135px;
}
.wpc-ezcreator-single-configurator .wpc-ezcreator-control .wpc-control-lists-inner .wpc-control-item:after {
  opacity: 1 !important;
  background: unset !important;
  border: none !important;
  font-size: 14px;
  line-height: 24px;
  bottom: 0;
  top: unset;
  font-family: "Orbitron", sans-serif;
}
.wpc-ezcreator-single-configurator .wpc-ezcreator-flyin-sidebar-inner .wpc-summary-list ul li span.wpc-summary-list-base-price,
.wpc-ezcreator-single-configurator .wpc-ezcreator-flyin-sidebar-inner .wpc-summary-list ul li span.wpc-summary-list-group-price {
  color: #f8b100 !important;
  font-size: 18px !important;
}
.wpc-ezcreator-single-configurator .wpc-price-wrap p {
  color: #f8b100 !important;
  font-size: 35px;
  font-weight: 900 !important;
  line-height: 38px !important;
}
.wpc-ezcreator-single-configurator .wpc-quote-form-parent-wrap a.wpc-primary-btn,
.wpc-ezcreator-summary-footer .wpc-primary-btn {
  background: #f8b100 !important;
}
.wpc-ezcreator-single-configurator .wpc-ezcreator-flyin-sidebar-inner .wpc-ezcreator-flyin-logo span.wpc-flyin-text {
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  color: #f8b100 !important;
  font-family:'Oswald';
}
.wpc-ezcreator-single-configurator .wpc-ezcreator-flyin-sidebar-inner .wpc-summary-list ul li{
  font-family: "Orbitron", sans-serif;
  color:#f8b100;
}
.wpc-ezcreator-single-configurator .wpc-ezcreator-flyin-sidebar-inner .wpc-summary-list ul li span.wpc-summary-list-title{
  font-family:"Oswald", sans-serif;
}
.wpc-ezcreator-single-configurator .wpc-flyin-wrap.wpc-flyin-right.wpc-flyin-small {
  width: 300px;
  height: 550px;
  top: 60px;
  border-radius: 0px;
}
.custom-mailcartform, .custom-purchasedet {
  position: relative;
  display: inline-block;
}
.custom-mailcartform::after, .custom-purchasedet::after {
  content: attr(data-title);
  position: absolute;
  bottom: -45px;
  left: -50%;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: all ease-in-out 0.5s;
  z-index: 1000;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  pointer-events: none;
}
.custom-mailcartform:hover::after,
.custom-purchasedet:hover::after {
  opacity: 1;
  visibility: visible;
}
.wpc-ezcreator-summary-footer .wpc-ezcreator-summary-total,
.wpc-config-element.wpc-ezcreator-content-pusher {
  font-family: "Orbitron", sans-serif;
}
.wpc-ezcreator-single-configurator .wpc-ezcreator-flyin-sidebar-inner .wpc-summary-list ul li span.wpc-summary-list-child-title > span {
  font-family: 'Oswald';
  color: #fff;
  font-weight: 300;
}
@media screen and (max-width: 1280px) {
  .wpc-ezcreator-single-configurator .wpc-quote-form-parent-wrap a.wpc-primary-btn, .wpc-ezcreator-summary-footer .wpc-primary-btn {
    background: #f8b100 !important;
    font-size: 18px !important;
    width: 40px;
    height: 40px;
    line-height: 28px;
  }
  .wpc-ezcreator-single-configurator .wpc-ezcreator-flyin-sidebar-inner .wpc-ezcreator-flyin-logo a.wpc-close-btn {
    font-size: 18px !important;
    width: 35px;
    height: 35px;
    line-height: 30px;
  }
  .wpc-ezcreator-flyin-logo {
    padding: 40px 30px;
    display: inline-block;
    width: 100%;
    height: 100px;
  }
  .wpc-quote-form-parent-wrap, .wpc-ezcreator-cart-form-parent-wrap {
    bottom: -35px;
  }
  .wpc-ezcreator-single-configurator .wpc-carousel-item div#wpc-front-15 {
    transform: scale(0.55) !important;
  }
  .show-scroll .wpc-control-lists-inner .wpc-control-item.wpc-control-close {
    position: unset;
    margin-left: 0;
    z-index: 1;
  }
  .wpc-ezcreator-single-configurator .wpc-controls-parent-wrap ul.wpc-control-lists-inner li {
    min-width: 180px;
  }
}
@media screen and (max-width: 1080px) {
  .wpc-ezcreator-flyin-logo {
    padding: 20px 15px;
    display: inline-block;
    width: 100%;
    height: 100px;
  }
  .wpc-ezcreator-single-configurator .wpc-ezcreator-flyin-sidebar-inner .wpc-ezcreator-flyin-logo span.wpc-flyin-text {
    font-size: 12px;
    top: 30px;
    position: relative;
  }
  .wpc-ezcreator-single-configurator .wpc-ezcreator-flyin-sidebar-inner .wpc-ezcreator-flyin-logo a.wpc-close-btn {
    font-size: 12px !important;
    width: 25px;
    height: 25px;
    line-height: 25px;
  }
  .wpc-ezcreator-single-configurator .wpc-ezcreator-flyin-sidebar-inner .wpc-summary-list ul li, .wpc-ezcreator-single-configurator .wpc-ezcreator-flyin-sidebar-inner .wpc-summary-list ul li span.wpc-summary-list-title {
    font-size: 11px !important;
    padding: 0 5px !important;
    display: block;
  }
  .wpc-ezcreator-single-configurator .wpc-ezcreator-flyin-sidebar-inner .wpc-summary-list ul li span.wpc-summary-list-base-price, .wpc-ezcreator-single-configurator .wpc-ezcreator-flyin-sidebar-inner .wpc-summary-list ul li span.wpc-summary-list-group-price {
    font-size: 14px !important;
    font-family: "Orbitron", sans-serif;
  }
  .wpc-ezcreator-flyin-sidebar-inner .wpc-summary-list ul li .wpc-summary-list-child-wrap .wpc-summary-list-child-title > span {
    font-family: 'Oswald';
  }
  .wpc-ezcreator-single-configurator .wpc-ezcreator-flyin-sidebar-inner .wpc-summary-list ul li span.wpc-summary-list-price {
    font-family: 'Orbitron';
    color: #f8b100;
  }
  .wpc-ezcreator-single-configurator .wpc-carousel-item div#wpc-front-15 {
    transform: scale(0.45) !important;
  }
  .wpc-ezcreator-single-configurator .wpc-ezcreator-summary-footer, .wpc-ezcreator-single-configurator .wpc-ezcreator-summary-footer-inner {
    display: block;
  }
  .wpc-ezcreator-single-configurator .wpc-ezcreator-summary-footer form.wpc-form.wpc-cart-form.cart {
    display: block;
  }
  .wpc-ezcreator-single-configurator .wpc-ezcreator-summary-footer form.wpc-form.wpc-cart-form.cart .wpc-primary-btn {
    width: 100%;
  }
  .wpc-ezcreator-single-configurator #wpc-header-element-right-wrapper .wpc-header-element-right {
    bottom: -40vh;
  }
  .wpc-ezcreator-single-configurator .wpc-flyin-wrap.wpc-flyin-right.wpc-flyin-small {
    width: 173px;
    height: 400px;
  }
}
@media screen and (max-width: 767px) {
  .wpc-ezcreator-single-configurator .wpc-ezcreator-flyin-sidebar-inner .wpc-ezcreator-flyin-logo a.wpc-close-btn {
    top: 7px;
  }
  .wpc-ezcreator-single-configurator .wpc-carousel-item div#wpc-front-15 {
    transform: scale(0.38) !important;
  }
  .wpc-ezcreator-flyin-logo {
    padding: 3px 15px;
    width: 100%;
    height: 70px;
  }
  .wpc-ezcreator-single-configurator .wpc-ezcreator-summary-footer, .wpc-ezcreator-single-configurator .wpc-ezcreator-summary-footer-inner {
    padding: 0;
  }
  .wpc-ezcreator-single-configurator .wpc-ezcreator-summary-footer-inner {
    font-family: "Orbitron", sans-serif;
  }
  .wpc-ezcreator-single-configurator .wpc-flyin-wrap.wpc-flyin-right.wpc-flyin-small .wpc-ezcreator-summary-wrap {
    height: calc(100% - 106px);
  }
  .wpc-ezcreator-single-configurator #wpc-header-element-right-wrapper .wpc-header-element-right {
    bottom: -45vh;
  }
  .wpc-ezcreator-single-configurator #wpc-header-element-right-wrapper .wpc-header-element-right .wpc-share-parent-wrap {
    margin: 0 !important;
  }
  .wpc-ezcreator-single-configurator #wpc-header-element-right-wrapper .wpc-header-element-right .wpc-share-parent-wrap {
    margin: 0 !important;
  }
}
@media screen and (max-width: 480px) {
  .wpc-ezcreator-single-configurator #wpc-header-element-right-wrapper .wpc-header-element-right {
    bottom: -53vh;
    left: -157px;
  }
  .wpc-ezcreator-single-configurator .wpc-flyin-wrap.wpc-flyin-right.wpc-flyin-small {
    width: 155px;
    height: 275px;
  }
}
#wpc-header-element-right-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
#wpc-header-element-right-wrapper .wpc-price-wrap {
  text-align: center;
  width: 100%;
}
#wpc-header-element-right-wrapper .wpc-header-element-right {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(10px);
  transition: all 0.4s ease;
}
#wpc-header-element-right-wrapper .wpc-header-element-right[style*="display:inline-flex"] {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px;
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0);
}
.wpc-ezcreator-cart-form-parent-wrap .stock{display:none}.wpc-ezcreator-summary-footer-inner .quantity input{display:none}
.wpc-ezcreator-single-configurator .wpc-controls-parent-wrap ul.wpc-control-lists-inner li{flex:1 1 45%;min-width:160px;max-width:240px;min-height:120px;padding:12px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;overflow:hidden;text-align:center;font-size:clamp(13px,1.4vw,15px);line-height:1.2;position:relative}
.wpc-ezcreator-single-configurator .wpc-controls-parent-wrap ul.wpc-control-lists-inner li img{max-height:60px;max-width:90%;height:auto;width:auto;margin:0 auto;display:block}
.wpc-ezcreator-single-configurator .wpc-controls-parent-wrap ul.wpc-control-lists-inner li span{display:block;white-space:normal;text-overflow:initial;overflow:hidden;max-height:none;word-break:break-word;hyphens:auto}
.wpc-ezcreator-single-configurator .wpc-controls-parent-wrap,.wpc-ezcreator-single-configurator .wpc-controls-parent-wrap ul.wpc-control-lists-inner li,.wpc-ezcreator-single-configurator .wpc-controls-parent-wrap ul.wpc-control-lists-inner li img{background-color:#372b4c}
.wpc-ezcreator-single-configurator .container,.wpc-ezcreator-single-configurator .wpc-config-element.wpc-ezcreator-content-pusher{background:#2a203b}
.wpc-controls-parent-wrap {bottom:0px !important;}
.wpc-control-lists-inner li:not(:has(*)) { display:none !important; }
.wpc-config-element.custom-purchasedet{display:none!important}
.wpc-header-element-right,.wpc-primary-btn.js-wpc-submit-cart-form{display:none!important;opacity:0!important;visibility:hidden!important;}
.wpc-summary-list-child-wrap{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important}
.wpc-summary-list-child-title{flex-grow:1;text-align:left;white-space:nowrap}
.wpc-sign{display:none!important}
.wpc-summary-list-group-price{flex-shrink:0;text-align:right;min-width:80px;white-space:nowrap}
.wpc-ezcreator-single-configurator .wpc-flyin-wrap.wpc-flyin-right.wpc-flyin-small{border-radius:0}
.wpc-close-btn{display:none}
.wpc-summary-list-child-title::after{content:none!important}
.wpc-ezcreator-single-configurator .wpc-ezcreator-flyin-sidebar-inner .wpc-summary-list ul li,
.wpc-ezcreator-single-configurator .wpc-ezcreator-flyin-sidebar-inner .wpc-summary-list ul li span.wpc-summary-list-title{background:none!important;color:white!important;padding:5px!important;border:none!important;font-size:14px!important}
.wpc-ezcreator-single-configurator ul.wpc-floating-icons li span.wpc-icon:before{border-radius:0%!important;background-color:#372b4c!important}
.wpc-ezcreator-flyin-logo{padding:40px 8px!important}
@media screen and (min-width:768px) and (max-width:1366px) and (orientation:portrait),screen and (min-width:768px) and (max-width:1366px) and (orientation:landscape){.wpc-ezcreator-flyin-logo{padding:initial!important}}
.wpc-ezcreator-summary-footer{display:flex;justify-content:center}
.wpc-ezcreator-summary-total{text-align:center!important;width:100%;color:#f8b100!important;font-weight:bold!important;font-size:32px!important}
@media screen and (max-width:1080px){.wpc-ezcreator-single-configurator .wpc-flyin-wrap.wpc-flyin-right.wpc-flyin-small{width:213px!important}.wpc-ezcreator-single-configurator .wpc-summary-list>ul>li{display:flex!important;align-items:center!important;justify-content:space-between!important}.wpc-ezcreator-single-configurator .wpc-summary-list-group-price{margin-left:auto;color:#f8b100;font-weight:bold;font-size:16px;white-space:nowrap}}
@media screen and (max-width:768px){.wpc-ezcreator-single-configurator .wpc-controls-parent-wrap,.wpc-ezcreator-single-configurator .wpc-controls-parent-wrap .wpc-control-lists{height:110px!important}.fa-camera-retro{display:none!important}.mobile-text{font-size:35px!important}.wpc-ezcreator-single-configurator .wpc-ezcreator-control .wpc-control-lists-inner .wpc-control-item:after{font-size:12px!important;color:#fff!important}}
.custom-text.aligned-with-icons{position:fixed;left:50%;transform:translateX(-50%);font-size:12px;font-family:Orbitron,sans-serif;color:#fff;text-transform:uppercase;background:transparent;padding:6px 10px;z-index:9999;pointer-events:none}@media screen and (max-width:767px) and (orientation:portrait){.custom-text.aligned-with-icons{left:50%;transform:translateX(-20%)!important;white-space:nowrap}}.wpc-control-close.wpc-control-item.animated.fadeInUp{display:none!important}
.wpc-floating-icons li::before{white-space:nowrap!important;display:inline-block!important;max-width:fit-content!important;overflow:visible!important;padding:3px 8px!important;font-size:12px}.wpc-floating-icons li:has(.wpc-full-screen)::before{content:"Retour aux configs"!important}.wpc-floating-icons li:has(.wpc-camera)::before{content:"Screen ton PC"!important}.wpc-floating-icons li:has(.wpc-reset)::before{content:"Tu veux recommencer ?"!important}.wpc-floating-icons li::before{white-space:nowrap!important;display:inline-block!important;max-width:fit-content!important;overflow:visible!important;padding:3px 8px!important;font-size:12px}.wpc-floating-icons li:has(.wpc-full-screen)::before{content:"Retour aux configs"!important}.wpc-floating-icons li:has(.wpc-camera)::before{content:"Screen ton PC"!important}.wpc-floating-icons li:has(.wpc-reset)::before{content:"Tu veux recommencer ?"!important}@media screen and (max-width:1024px){.wpc-floating-icons li::before{content:""!important;display:none!important}}
.wpc-floating-icons li{display:flex;align-items:center;justify-content:center}.wpc-floating-icons li:has(.wpc-full-screen)::before,.wpc-floating-icons li:has(.wpc-camera)::before,.wpc-floating-icons li:has(.wpc-reset)::before{text-align:center;line-height:1.5}.wpc-floating-icons li i{margin-right:5px}.wpc-floating-icons li:before{font-size:12px}.wpc-floating-icon .wpc-icon{margin-bottom:16px!important}
.wpc-ezcreator-single-configurator .wpc-header-element-right span.wpc-icon:before{font-size:26px!important}.wpc-ezcreator-single-configurator .wpc-header-element-right span.wpc-icon{background:none!important}.wpc-share::after,.wpc-basket::after{content:"";position:absolute;width:50px!important;height:50px!important;background-color:#372b4c!important;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.wpc-share::before{content:"\f14d";font-family:"Font Awesome 5 Free"!important;font-weight:400!important;font-size:24px!important;color:white!important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.wpc-basket::before{content:"\f217"!important;font-family:"Font Awesome 5 Free"!important;font-weight:900!important;font-size:24px!important;color:white!important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.wpc-share,.wpc-basket{display:inline-flex!important;justify-content:center!important;align-items:center!important;width:50px!important;height:50px!important;margin-right:10px!important}
.wpc-ezcreator-flyin-logo{text-align:center!important}.wpc-control-lists{display:flex;justify-content:flex-start}
.wpc-full-screen:before{content:"k"}.wpc-ezcreator-single-configurator ul.wpc-floating-icons li span.wpc-icon:before{font-size:22px!important}.wpc-floating-icons .wpc-icon{width:50px!important}
@media screen and (max-width:767px) and (orientation:landscape){body::before{content:"❌ Veuillez utiliser votre téléphone en mode portrait.";display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100vw;height:100vh;background:black;color:white;font-size:24px;font-weight:bold;text-align:center;z-index:9999}}
.tooltip{position:absolute;background-color:#372b4c;opacity:.95;color:#f8b100;padding:10px 15px;border-radius:0;font-size:12px;font-weight:bold;display:none;z-index:9999;box-shadow:0 4px 6px rgba(0,0,0,.2);text-align:left;max-width:200px;border:2px solid #f8b100}.tooltip-icon{font-size:10px;margin-right:3px;color:#f8b100}
@media (pointer:coarse){.tooltip{display:none!important}}
.cpu-tooltip{background:#111;color:#fff;padding:15px;border-radius:0;font-family:Arial,sans-serif;width:260px;z-index:1000;position:absolute}.cpu-tooltip-title{font-weight:bold;font-size:15px;margin-bottom:10px}.score{text-align:right;font-size:13px;margin-bottom:10px;color:#ffcc00}
.cpu-performance-bar{position:relative;width:100%;height:10px;background-color:transparent!important;border-radius:5px;overflow:hidden;margin:8px 0}.cpu-performance-bar .background{width:100%;height:100%;background-color:#444}.cpu-performance-bar .filled{height:100%;background:linear-gradient(to right,#ffc107,#ff5722)}.cpu-performance-bar .marker{position:absolute;top:-4px;width:2px;height:20px;background:#fff;border-radius:1px}
.cpu-specs div{font-size:13px;margin-bottom:4px}.spec-bar{height:6px;border-radius:3px;margin-bottom:8px}.spec-bar.cores{background-color:#6ec867}.spec-bar.freq{background-color:#f5b041}.spec-bar.threads{background-color:#5dade2}
.wpc-share,.wpc-basket{display:inline-flex!important;justify-content:center!important;align-items:center!important;width:50px!important;height:50px!important;margin-right:10px!important;position:relative}
@media (max-width:768px){.wpc-ezcreator-single-configurator .wpc-controls-parent-wrap ul.wpc-control-lists-inner li img.wpc-control-item-icon{bottom:38px!important}}
@media (max-width:768px){.mobile-text{font-size:35px!important}}
.tooltip-icon{font-size:10px;margin-right:3px;color:#f8b100}
.wpc-ezcreator-single-configurator .wpc-controls-parent-wrap ul.wpc-control-lists-inner li img.wpc-control-item-icon{position:absolute!important;bottom:48px!important}
.wpc-ezcreator-single-configurator .wpc-controls-parent-wrap ul.wpc-control-lists-inner li img.wpc-control-item-icon{position:absolute!important;bottom:48px!important}
.wpc-ezcreator-single-configurator .wpc-controls-parent-wrap ul.wpc-control-lists-inner li{border-left:1px solid #261a3b!important;border-right:1px solid #261a3b!important;border-radius:0!important}
@media only screen and (max-width:768px){.wpc-ezcreator-single-configurator .wpc-ezcreator-control .wpc-control-lists-inner .wpc-control-item:after{font-size:12px!important}.wpc-control-lists-inner .wpc-control-item:after{color:#fff!important}}
@media screen and (max-width:1024px){.wpc-header-element-right{bottom:-9vh!important}}
@media (min-width:768px) and (max-width:1900px){.wpc-ezcreator-summary-footer .wpc-ezcreator-summary-total{padding:0!important;font-size:26px!important}.wpc-floating-icons .wpc-icon{width:50px;height:50px;display:block;margin-bottom:16px}.wpc-floating-icons li span.wpc-icon{font-size:20px!important;color:white}}
@media screen and (max-width:768px){.fa-camera-retro{display:none!important}}
.wpc-ezcreator-single-configurator ul.wpc-floating-icons li span.wpc-icon:before{font-size:22px!important}.wpc-floating-icons .wpc-icon{width:50px!important}
.cpu-performance-bar{position:relative;width:100%;height:10px;background-color:transparent!important;border-radius:5px;overflow:hidden;margin:8px 0}.cpu-performance-bar .background{width:100%;height:100%;background-color:#444}.cpu-performance-bar .filled{height:100%;background:linear-gradient(to right,#ffc107,#ff5722)}.cpu-performance-bar .marker{position:absolute;top:-4px;width:2px;height:20px;background:#fff;border-radius:1px}
.cpu-specs div{font-size:13px;margin-bottom:4px}.spec-bar{height:6px;border-radius:3px;margin-bottom:8px}.spec-bar.cores{background-color:#6ec867}.spec-bar.freq{background-color:#f5b041}.spec-bar.threads{background-color:#5dade2}
.wpc-ezcreator-single-configurator .wpc-quote-form-parent-wrap a.wpc-primary-btn,.wpc-ezcreator-summary-footer .wpc-primary-btn{background:transparent!important}
@media screen and (min-width:768px) and (max-width:1080px) and (orientation:landscape){.wpc-summary-list ul li,.wpc-summary-total-wrap .wpc-summary-total{line-height:1!important}}
.wpc-flyin-small{display:block!important;opacity:1!important;visibility:visible!important;position:fixed!important;top:0px!important;z-index:9999!important}
.wpc-primary-btn.js-wpc-submit-cart-form{display:none!important}
@media (min-width: 600px) and (max-width: 900px) and (orientation: portrait) {
.wpc-preview-inner {
transform: scale(0.5) !important;
transform-origin: center !important;
}
}
@media (max-width: 767.98px) {
.wpc-icon.wpc-camera {
display: none !important;
}
}
@media (min-width: 768px) {
.wpc-icon.wpc-camera {
display: inline-flex !important;
}
}
@media (min-width: 901px) {
.wpc-preview-parent-wrap {
display: flex !important;
justify-content: center !important;
align-items: flex-start !important;
padding: 0 !important;
overflow: visible !important;
}
.wpc-ezcreator-preview,
.wpc-preview-inner {
position: relative !important;
display: block !important;
width: min(1100px, 92vw) !important;
min-height: 100vh !important;
margin: 0 auto !important;
overflow: visible !important;
}
.wpc-image-layer:not(.external-icon),
.subset:not(.external-icon) {
position: absolute !important;
display: block !important;
}
.external-icon {
position: absolute !important;
left: 20px !important;
width: auto !important;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
transition: all 0.3s ease !important;
z-index: 10 !important;
}
.external-icon img {
max-width: 80px !important;
max-height: 80px !important;
width: auto !important;
height: auto !important;
display: block !important;
}
.external-icon img[src*="windows"] {
top: 0px !important;
}
.external-icon img[src*="kaspersky"] {
top: 60px !important;
}
.external-icon img[src*="garantie"] {
top: 120px !important;
}
.external-icon img[src*="montage"] {
top: 180px !important;
}
.external-icon img[src*="occt"] {
top: 240px !important;
}
.wpc-image-layer img {
display: block !important;
margin: 0 !important;
}
.wpc-preview-parent-wrap * {
transition: none !important;
}
}
@media (max-width: 699px) {
:root{
--bar-top: 25px;
--bar-h:   56px;
--pad-x:   12px;
--gap-x:   10px;
}
.wpc-ezcreator-single-configurator .wpc-ezcreator-header,
.wpc-ezcreator-single-configurator .wpc-ezcreator-header-inner{
position: relative !important;
min-height: 0 !important;
}
.wpc-ezcreator-single-configurator .wpc-floating-icons{
position: absolute !important;
top: var(--bar-top) !important;
left: var(--pad-x) !important;
height: var(--bar-h) !important;
display: flex !important;
align-items: center !important;
gap: var(--gap-x) !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
z-index: 5 !important;
}
.wpc-ezcreator-single-configurator .wpc-floating-icons > *{
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
position: static !important;
top: auto !important;
transform: none !important;
}
.wpc-ezcreator-single-configurator .wpc-floating-icon .wpc-icon{
margin: 0 !important;
}
.wpc-ezcreator-single-configurator .wpc-floating-icons .wpc-icon,
.wpc-ezcreator-single-configurator .wpc-floating-icons i,
.wpc-ezcreator-single-configurator .wpc-floating-icons svg,
.wpc-ezcreator-single-configurator .wpc-floating-icons img{
display: block !important;
line-height: 1 !important;
height: calc(var(--bar-h) * 0.72) !important;
width: auto !important;
max-height: 100% !important;
margin: 0 !important;
vertical-align: middle !important;
}
@media (max-width: 767px) {
.wpc-floating-icons .btn-screenshot {
display: none !important;
}
}
.wpc-ezcreator-single-configurator
#wpc-header-element-right-wrapper#wpc-header-element-right-wrapper{
float: none !important;
position: absolute !important;
top: var(--bar-top) !important;
right: var(--pad-x) !important;
height: var(--bar-h) !important;
left: auto !important;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
width: auto !important;
margin: 0 !important;
z-index: 5 !important;
transform: none !important;
}
.wpc-ezcreator-single-configurator
#wpc-header-element-right-wrapper .wpc-price-wrap{
white-space: nowrap !important;
text-align: right !important;
margin: 0 !important;
line-height: 1 !important;
}
}
#vnctxt{
margin:12px auto 0;
text-align:center;
font-weight:600;
opacity:.9;
white-space:nowrap;
display:block;
}
/* ============================= */
@media (max-width: 900px) {
.wpc-preview-parent-wrap {
display: block !important;
padding: 0 8px;
overflow: visible !important;
}
.wpc-ezcreator-preview,
.wpc-preview-inner {
position: relative !important;
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-height: 420px !important;
height: auto !important;
margin: 0 auto !important;
overflow: visible !important;
}
}
/* ============================= */
@media (max-width: 900px) {
:root{
--priceH: 64px;
--stageH: 420px;
}
.wpc-ezcreator-single-configurator #wpc-header-element-right-wrapper{
float: none !important;
position: static !important;
top: 0 !important;
width: 100% !important;
height: var(--priceH) !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
margin: 0 !important;
}
.wpc-ezcreator-single-configurator .wpc-ezcreator-header,
.wpc-ezcreator-single-configurator .wpc-ezcreator-header-inner{
min-height: var(--priceH) !important;
display: flex;
align-items: center;
}
.wpc-ezcreator-preview,
.wpc-preview-inner{
position: relative !important;
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-height: var(--stageH) !important;
height: auto !important;
margin: 0 auto !important;
overflow: visible !important;
}
}
@media (max-width: 900px) {
:root{
--iconsH: 54px;
--gapY:   6px;
}
.wpc-ezcreator-single-configurator #wpc-header-element-right-wrapper{
position: relative !important;
}
.wpc-ezcreator-single-configurator
#wpc-header-element-right-wrapper .wpc-header-element-right{
position: absolute !important;
top: calc(var(--priceH) + var(--gapY)) !important;
left: 0 !important;
width: 100% !important;
height: var(--iconsH) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
float: none !important;
transform: none !important;
margin: 0 !important;
padding: 0 !important;
z-index: 5 !important;
}
.wpc-ezcreator-single-configurator
#wpc-header-element-right-wrapper .wpc-price-wrap,
.wpc-ezcreator-single-configurator
#wpc-header-element-right-wrapper .wpc-calculation{
position: relative !important;
z-index: 6 !important;
}
.wpc-ezcreator-single-configurator .wpc-ezcreator-header:has(
#wpc-header-element-right-wrapper .wpc-header-element-right[style*="display:inline-flex"]
),
.wpc-ezcreator-single-configurator .wpc-ezcreator-header:has(
#wpc-header-element-right-wrapper .wpc-header-element-right[style*="display: inline-flex"]
){
padding-bottom: calc(var(--iconsH) + var(--gapY)) !important;
}
}
@keyframes flyInX {
from {
transform: translateX(480px) scale(1.5);
opacity: 0;
}
to {
transform: translateX(0) scale(1);
opacity: 1;
}
}
.subset.fly-in {
animation: flyInX 0.6s ease forwards;
}
.wpc-magnify {
display: none !important;
}
.fa-solid,
.fa-solid::before {
font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome !important;
font-weight: 900 !important;
font-style: normal !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 1.4em !important;
color: white !important;
opacity: 1 !important;
visibility: visible !important;
height: 100% !important;
width: 100% !important;
text-align: center !important;
}
.wpc-custom-button .wpc-custom-icon {
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: 100% !important;
width: 100% !important;
}
.fa-arrow-left::before { content: "\f104"; }
.fa-camera-retro::before { content: "\f083"; }
.fa-rotate::before { content: "\f2f1"; }
.wpc-custom-button {
width: 48px !important;
height: 48px !important;
padding: 0 !important;
background-color: transparent !important;
}
.wpc-custom-button i {
font-size: 1.4em !important;
}
@media (max-width: 767px) {
.btn-screenshot {
display: none !important;
}
}
.tooltip-os {
position: fixed;
display: none;
background: rgba(0,0,0,0.9);
color: #fff;
padding: 10px 12px;
border-radius: 6px;
font-family: Arial, sans-serif;
font-size: 12px;
max-width: 220px;
z-index: 9999;
box-shadow: 0 4px 6px rgba(0,0,0,.2);
}
.tooltip-os .os-title {
font-weight: bold;
font-size: 14px;
color:#fff;
margin-bottom: 6px;
}
.tooltip-os .tooltip-tags {
display:flex;
gap:6px;
flex-wrap:wrap;
margin-bottom:8px;
}
.tooltip-os .tooltip-tag {
font-size:11px;
padding:2px 6px;
border-radius:5px;
}
.tooltip-os .os-desc {
color:#ccc;
margin-bottom:8px;
}
.tooltip-os .os-bar-bg {
height:6px;
background:#333;
border-radius:4px;
margin-bottom:6px;
overflow:hidden;
}
.tooltip-os .os-bar-fill {
height:100%;
border-radius:4px;
}
.tooltip.tooltip-os{
background:#000 !important;
color:#fff !important;
border-radius:0px;
padding:10px;
max-width:250px;
z-index:9999;
}
.tooltip-cpu {
position: absolute;
display: none;
background: #111;
color: #fff;
padding: 15px;
border-radius: 0;
font-family: Arial, sans-serif;
font-size: 13px;
font-weight: normal;
z-index: 9999;
border: 2px solid #f8b100;
max-width: 280px;
box-shadow: 0 4px 10px rgba(0,0,0,0.4);
}
.tooltip-cpu .cpu-title {
font-weight: bold;
font-size: 15px;
margin-bottom: 10px;
}
.tooltip-cpu .tooltip-tags {
margin-bottom: 10px;
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.tooltip-cpu .tooltip-tags span {
font-size: 11px;
padding: 3px 6px;
border-radius: 0px;
color: #fff;
}
.tooltip-cpu .performance-label {
font-weight: bold;
margin: 8px 0 4px;
font-size: 13px;
color: #f8b100;
}
.tooltip-cpu .performance-bar {
width: 100%;
height: 10px;
background: #333;
border-radius: 5px;
overflow: hidden;
margin-bottom: 6px;
}
.tooltip-cpu .performance-fill {
height: 100%;
background: linear-gradient(to right, #ff9800, #f44336);
}
.tooltip-cpu .cpu-specs {
margin-top: 8px;
}
.tooltip-cpu .cpu-specs div {
margin-bottom: 4px;
display: flex;
align-items: center;
}
.tooltip-cpu .cpu-specs div::before {
color: #28a745;
font-weight: bold;
margin-right: 6px;
}


/* On garde l’organisation verticale classique */
#wpc-header-element-right-wrapper {
  position: relative;
  text-align: center;
}

/* Le bloc prix reste inchangé */
#wpc-header-element-right-wrapper .wpc-price-wrap {
  text-align: center;
  margin-bottom: 10px; /* petit espacement avec le bouton */
}

/* Le bloc bouton panier (et share s’il existait) */
#wpc-header-element-right-wrapper .wpc-header-element-right {
  position: relative;
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: all 0.4s ease;
  justify-content: center;
}

/* Quand il devient visible (inline-flex injecté par le plugin) */
#wpc-header-element-right-wrapper .wpc-header-element-right[style*="display:inline-flex"] {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0);
  margin: 0 auto; /* centre le bloc sous le prix */
}

/* Supprimer toute influence des styles d’origine */
#wpc-header-element-right-wrapper .wpc-config-element {
  float: none !important;
  margin-left: 0 !important;
}

/* Masquer le bouton de partage */
.wpc-header-element-right .wpc-icon.wpc-share {
  display: none !important;
}

/* Centrage horizontal du tooltip (data-title) sur l’icône panier */
.custom-mailcartform::after {
  content: attr(data-title);
  position: absolute;
  bottom: -45px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 5px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, transform 0.3s ease;
  z-index: 1000;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  background: transparent; /* ou une couleur si besoin */
}

/* Apparition fluide au survol */
.custom-mailcartform:hover::after {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(-2px);
}

/* Variations du panier / mini-panier / checkout : "Clé: Valeur" sur UNE ligne  */
.woocommerce-cart .variation,
.woocommerce-mini-cart .variation,
.woocommerce-checkout .variation{
  display: grid !important;
  grid-template-columns: max-content 1fr; /* clé serrée + valeur qui prend la place */
  column-gap: .5rem;
  row-gap: .35rem;                         /* espace entre les paires */
  margin: .5rem 0 0;
}

.woocommerce-cart .variation dt,
.woocommerce-mini-cart .variation dt,
.woocommerce-checkout .variation dt,
.woocommerce-cart .variation dd,
.woocommerce-mini-cart .variation dd,
.woocommerce-checkout .variation dd{
  margin: 0 !important;
  padding: 0 !important;
  /* au cas où un thème les force en block plein largeur */
  display: block !important;               /* chaque élément = une cellule de la grille */
  align-self: start;
}

.woocommerce-cart .variation dt,
.woocommerce-mini-cart .variation dt,
.woocommerce-checkout .variation dt{
  font-weight: 600;
  opacity: .9;
}

.woocommerce-cart .variation dt::after,
.woocommerce-mini-cart .variation dt::after,
.woocommerce-checkout .variation dt::after{
  content: ":";                            /* ajoute les deux-points après la clé */
  margin-left: .25rem;
}

.woocommerce-cart .variation dd p,
.woocommerce-mini-cart .variation dd p,
.woocommerce-checkout .variation dd p{
  margin: 0 !important;
  display: inline !important;              /* évite le saut de ligne interne */
}

/* Parfois certains thèmes mettent un <br> entre dt et dd : on le cache */
.woocommerce-cart .variation br,
.woocommerce-mini-cart .variation br,
.woocommerce-checkout .variation br{
  display: none !important;
}
.ab1-acc {border: 1px solid rgb(255 255 255 / 6%);background:#291e3b;transition:500ms;}
.ab1-acc + .ab1-acc { margin-top: 14px; }

.ab1-acc-toggle{
  width:100%; text-align:left; padding:12px 14px; font-weight:600;
  background:#291e3b; color:#fff; border:0; cursor:pointer;transition:500ms;border-radius:0
}
.ab1-acc-toggle[aria-expanded="true"]{ background:#291e3b; }

.ab1-acc-panel{}
.ab1-acc-toggle:hover{background:#37284f;box-shadow: 0 0 7px 0 #37284f; }



input.ab1-ezc-qty{
    border-top: 1px solid rgb(255 255 255 / 6%)!important;
    background: #2c2140;
    color: #fff;
    border-bottom: 1px solid rgb(255 255 255 / 6%)!important;
    border-left: 1px solid rgb(255 255 255 / 6%)!important;
    border-radius: 0 !important;
    border-right: none !important;
    transform: translateY(-3px);
    min-height: 126px;
}
.ab1-ezc-option:hover{
    background:#9474CC!important;
}

.ab1-toast {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.95);
  background: rgba(43, 32, 64, 0.95);
  color: #fff;
  padding: 20px 35px;
  font-family: 'Outfit', sans-serif;
  font-size: 17px;
  letter-spacing: 0.3px;
  text-align: center;
  z-index: 9999;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition: all 0.35s ease;
}

.ab1-toast.visible {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

.ab1-toast-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}








/* ===== Style Popup AB1 - Obligations Catégories ===== */
#ab1-missing-popup {
  position: absolute;
  transform: translateX(-50%);
  padding: 12px 18px;
  background: #2b2040;
  color: #fff;
  font-size: 14px;
  border: 1px solid #57408a;
  border-radius: 0;
  width: 510px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease-in-out;
  z-index: 9999;
  text-align: left;
  box-shadow: 0 4px 12px rgba(0,0,0,0.4);
}

#ab1-missing-popup.visible {
  opacity: 1;
  pointer-events: auto;
}

#ab1-missing-popup strong {
  display: block;
  margin-bottom: 6px;
  font-weight: 700;
  font-size: 15px;
}

#ab1-missing-popup ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(120px, 1fr)); /* 2 colonnes dynamiques */
  gap: 8px 20px; /* espacement lignes / colonnes */
  padding: 0;
  margin: 10px 0 0 0;
  list-style: none;
}

#ab1-missing-popup ul li {
  font-size: 14px;
  line-height: 1.4;
  padding-left: 4px;
  position: relative;
}

#ab1-missing-popup ul li::before {
  content: "•";
  color: #f6c945; /* ta couleur d’accent */
  position: absolute;
  left: -10px;
}

#ab1-missing-popup li {
  margin-bottom: 4px;
}

/* Bouton add-to-cart désactivé = gris + curseur interdit */
.ab1-ezc-btn-add[disabled],
.ab1-ezc-btn-add.is-disabled {
  opacity: .45 !important;
  cursor: not-allowed !important;
  filter: grayscale(0.2);
}

/* évite le hover “actif” quand il est désactivé */
.ab1-ezc-btn-add[disabled]:hover,
.ab1-ezc-btn-add.is-disabled:hover {
  transform: none !important;
}


/* AB1 – My Account / Liste de configurations : 0 border-radius */
.woocommerce-account .ab1-ezc-configs-wrap * { border-radius: 0 !important; }

.woocommerce-account .ab1-ezc-configs-wrap{
  display:flex; flex-direction:column; gap:18px;
}
.woocommerce-account .ab1-ezc-config-card{
  display:grid;
  grid-template-columns:120px 1fr 180px;
  gap:18px;
  background:#2A203B;
  border:1px solid rgba(255,255,255,.08);
  padding:18px;
}
.woocommerce-account .ab1-ezc-config-logo{
  width:130px; height:115px;
  background:#ffb500;
  display:flex; align-items:center; justify-content:center;
}
.woocommerce-account .ab1-ezc-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 14px;
  font-weight:800;
  background:#ffb500; color:#1a1326;
  border:0; text-decoration:none;
}
.woocommerce-account .ab1-ezc-btn-delete{
  background:rgba(255,255,255,.1);
  color:#fff;
  border:1px solid rgba(255,255,255,.16);
  transition: 500ms;
}
@media (max-width:900px){
  .woocommerce-account .ab1-ezc-config-card{ grid-template-columns:88px 1fr; }
}



/* ================================
   TOAST SPÉCIAL : PRIX MODIFIÉ
   ================================ */


/* ================================
   AB1 Toast — HARD OVERRIDE prix changé
   ================================ */

/* ================================
   AB1 TOAST — PRIX MODIFIÉ (FINAL)
   ================================ */

/* 1) Conteneur : totalement neutre */
.ab1-toast.ab1-toast--price-changed {
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Sécurité : aucun layer parasite */
.ab1-toast.ab1-toast--price-changed::before,
.ab1-toast.ab1-toast--price-changed::after {
  content: none !important;
  display: none !important;
}

.ab1-toast.ab1-toast--price-changed .ab1-toast-inner {
  background:
    /* couche 1 : ROUGE translucide AU-DESSUS */
    linear-gradient(
      rgba(255, 0, 0, 0.14),
      rgba(255, 0, 0, 0.14)
    ),
    /* couche 2 : VIOLET plein EN DESSOUS */
    #2b2040 !important;

  border: 1px solid rgba(255, 0, 0, 0.35) !important;
  padding: 14px 18px !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.45) !important;
}

/* 3) Texte */
.ab1-toast.ab1-toast--price-changed .ab1-toast-text {
  color: #ffd0d0 !important;
  font-weight: 500 !important;
  background: none !important; /* kill héritage éventuel */
}

/* 4) "Attention :" en blanc + bien lisible */
.ab1-toast.ab1-toast--price-changed .ab1-toast-text strong {
  color: #ffffff !important;
  font-weight: 800 !important;
}
.ab1-price-changed{
    padding: 12px 12px;
    margin: 0 0 8.5px 0 !important;
    align-content: center;
    height: 53px;
}


/* ===============================
   AB1 – Boutons actions configs
   =============================== */

/* Le conteneur de la card doit servir de référence */
.woocommerce-account .ab1-ezc-config-card{
  position: relative;
  padding-right: 160px; /* réserve l’espace pour les boutons */
}

/* Wrapper des boutons (si existant) OU fallback direct */
.woocommerce-account .ab1-ezc-config-actions{
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 140px;
}

/* Fallback si les boutons ne sont PAS dans un wrapper */
.woocommerce-account .ab1-ezc-config-card .ab1-ezc-btn,
.woocommerce-account .ab1-ezc-config-card .ab1-ezc-btn-delete{
  width: 140px;
  text-align: center;
  justify-content: center;
}

/* Recharge */
.woocommerce-account .ab1-ezc-btn{
  background: #ffb500;
  color: #1a1326;
  font-weight: 800;
}

/* Supprimer */
.woocommerce-account .ab1-ezc-btn-delete{
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.18);
  color: #fff;
}

/* Mobile : boutons passent sous la carte */
@media (max-width: 900px){
  .woocommerce-account .ab1-ezc-config-card{
    padding-right: 18px;
  }

  .woocommerce-account .ab1-ezc-config-actions{
    position: static;
    transform: none;
    margin-top: 12px;
    width: 100%;
    flex-direction: row;
    justify-content: flex-end;
    gap: 10px;
  }

  .woocommerce-account .ab1-ezc-config-card .ab1-ezc-btn,
  .woocommerce-account .ab1-ezc-config-card .ab1-ezc-btn-delete{
    width: 140px;
  }
}


/* ===============================
   FIX: boutons collés à droite (5px du bord)
   =============================== */

/* Ta card a padding 18px -> pour être à 5px du bord : -13px */
.woocommerce-account .ab1-ezc-config-card{
  grid-template-columns: 120px 1fr 140px !important; /* colonne actions = même largeur */
}

/* On vise le 3e bloc de la card (logo / infos / actions) */
.woocommerce-account .ab1-ezc-config-card > :nth-child(3){
  justify-self: end !important;
  align-self: center !important;

  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin-top: -40px;

  width: 140px !important;

  /* 18px (padding) - 5px voulu = 13px à retirer */
  margin-right: 10px !important;
}

/* Même largeur pour les 2 boutons */
.woocommerce-account .ab1-ezc-config-card > :nth-child(3) .ab1-ezc-btn,
.woocommerce-account .ab1-ezc-config-card > :nth-child(3) .ab1-ezc-btn-delete{
  width: 140px !important;
}

/* FIX final: coller les boutons à 5px du bord réel de la card */
.woocommerce-account .ab1-ezc-config-card{
  position: relative; /* sécurité */
}

/* si tes boutons sont bien dans .ab1-ezc-config-actions */
.woocommerce-account .ab1-ezc-config-actions{
  right: -13px !important; /* 18px (padding) - 5px voulu */
  width: 140px !important;
}

/* même largeur */
.woocommerce-account .ab1-ezc-config-actions .ab1-ezc-btn,
.woocommerce-account .ab1-ezc-config-actions .ab1-ezc-btn-delete{
  width: 140px !important;
}



/* AB1 – My Account configs : boutons à 5px du bord (robuste) */
.woocommerce-account .ab1-ezc-config-card{
  /* 18px partout, sauf à droite = 5px */
  padding: 18px 5px 18px 18px !important;

  /* colonne actions fixe */
  grid-template-columns: 120px 1fr 140px !important;
  gap: 18px !important;
}

/* On force le dernier bloc de la card (celui des boutons) */
.woocommerce-account .ab1-ezc-config-card > :last-child{
  justify-self: end !important;
  align-self: center !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

/* Largeur identique des 2 boutons */
.woocommerce-account .ab1-ezc-config-card > :last-child .ab1-ezc-btn,
.woocommerce-account .ab1-ezc-config-card > :last-child .ab1-ezc-btn-delete{
  width: 140px !important;
  justify-content: center !important;
  text-align: center !important;
}

/* Mobile : on garde ton comportement “boutons en bas” */
@media (max-width: 900px){
  .woocommerce-account .ab1-ezc-config-card{
    padding: 18px !important;
    grid-template-columns: 88px 1fr !important;
  }

  .woocommerce-account .ab1-ezc-config-card > :last-child{
    margin-top: 12px !important;
    flex-direction: row !important;
    justify-content: flex-end !important;
  }
}


/* AB1 My Account – boutons à droite alignés EN HAUT */
.woocommerce-account .ab1-ezc-config-card{
  align-items: start !important; /* stop le centrage vertical global */
}

/* le bloc actions (dernier enfant) en haut */
.woocommerce-account .ab1-ezc-config-card > :last-child{
  align-self: start !important;
  justify-self: end !important;
  justify-content: flex-start !important;
  margin-top: 0 !important;
}

.ab1-ezc-config-section-title {
    background: #ffb500;
    padding: 12px 12px;
    color: black;
    font-weight: 900;
	border: solid 1px #ffb500;
    height: 53.5px;
	margin-bottom: 10px;
}
.ab1-ezc-config-meta-right {
    width: 100%;
    text-align: center !important;
    margin-top: 0px !important;
    opacity: 0.95;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .18);
    padding: 5px 5px;
    font-size: 13.5px;
}

button.ab1-ezc-btn.ab1-ezc-btn-delete:hover {
    background: #412038;
    box-shadow: 0 0 10px 0 #7A202F;
    border-color: #7A202F;
	color:#ffd0d0;
}
a.ab1-ezc-btn.ab1-ezc-btn-reload {
	transition: 500ms;
}
a.ab1-ezc-btn.ab1-ezc-btn-reload:hover {
	box-shadow: 0 0 10px 0 #ffb500;
}

@media (max-width: 1024px){
  .ab1-ezc-3col{
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px){
  .ab1-ezc-3col{
    grid-template-columns: 1fr !important;
  }
}



/* =========================================================
   AB1 CONFIGS — Responsive mobile (FINAL)
   Objectifs :
   - Masquer le bloc EZC (logo/jaune) sur mobile
   - Contenu plein écran + liste lisible (valeurs collées aux catégories)
   - Message "prix a changé" qui rentre dans son bloc
   - Actions : Date/Total AU-DESSUS puis boutons Recharger/Supprimer en 2 colonnes
   ========================================================= */

@media (max-width: 600px){

  /* 0) On masque le bloc EZC (gauche) */
  body.woocommerce-account .ab1-ezc-config-card__left{
    display: none !important;
  }

  /* 1) Card en colonne, largeur full */
  body.woocommerce-account .ab1-ezc-config-card{
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 14px !important;
  }

  body.woocommerce-account .ab1-ezc-config-card__body{
    width: 100% !important;
    min-width: 0 !important;
  }

  /* 2) Grille des infos : 1 colonne */
  body.woocommerce-account .ab1-ezc-config-grid{
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  /* 3) Paires "catégorie + valeur" collées (pas de gros espace à droite) */
  body.woocommerce-account .ab1-ezc-config-pair{
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    column-gap: 8px !important;
    align-items: baseline !important;
  }
  body.woocommerce-account .ab1-ezc-config-pair .k{
    white-space: nowrap !important;
  }
  body.woocommerce-account .ab1-ezc-config-pair .v{
    text-align: left !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }

  /* 4) Message "prix a changé" : wrap + hauteur auto */
  body.woocommerce-account .ab1-price-changed{
    height: auto !important;          /* annule les height fixes */
    min-height: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    overflow: hidden !important;
    line-height: 1.25 !important;
    padding: 10px 12px !important;
  }
  body.woocommerce-account .ab1-price-changed strong,
  body.woocommerce-account .ab1-price-changed span{
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }

  /* ======================================================
     5) ACTIONS : on FORCE meta au-dessus + boutons dessous
     IMPORTANT : on reste en FLEX car ton HTML semble imposer
     du flex inline / super spécifique => grid ne passe pas.
     On utilise flex-wrap + order + largeur.
     ====================================================== */

  body.woocommerce-account .ab1-ezc-config-card__actions{
    
    min-width:100% !important;
    flex-wrap: wrap !important;       /* ✅ permet 2 lignes */
    
  }
.woocommerce-account .ab1-ezc-config-card > :last-child .ab1-ezc-btn, .woocommerce-account .ab1-ezc-config-card > :last-child .ab1-ezc-btn-delete {
  min-width:100% !important;
}

  body.woocommerce-account .ab1-ezc-config-card__actions
  button.ab1-ezc-btn.ab1-ezc-btn-delete.ab1-delete-bound{
    order: 1 !important;
  }
  
  /* Boutons : 2e ligne en 50/50 */
  body.woocommerce-account .ab1-ezc-config-card__actions a.ab1-ezc-btn.ab1-ezc-btn-reload{
    order: 2 !important;
  }

  /* Meta (Date/Total) : 1ère ligne FULL WIDTH */
  body.woocommerce-account .ab1-ezc-config-card__actions .ab1-ezc-config-meta-right{
    order: 3 !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
  }

  /* On casse les tailles desktop (ton 180px) */
  body.woocommerce-account .ab1-ezc-config-card__actions a.ab1-ezc-btn,
  body.woocommerce-account .ab1-ezc-config-card__actions button.ab1-ezc-btn{
    /* width: 100% !important; */
    height: auto !important;
    min-height: 44px !important;
    padding: 12px 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
	.ab1-ezc-config-pair{
    font-size:11px;
  }
	#ab1-missing-popup {
		width:350px;
	}
	.ab1-ezc-option img.ab1-ezc-icon{
		width:84px !important;
		height:84px !important;
	}
}




/* ===============================
   CSS EXTRAI DU <style> DU PHP
   + border-radius => 0 PARTOUT
   + ratio dynamique via --ab1-ezc-ratio
================================ */

/* Bouton Sauvegarder ma configuration */
#ab1-save-config,
.ab1-ezc-btn-save {
  background: #ffb500 !important;
  border: none !important;
  color: #1a1326 !important;
  font-weight: 700 !important;
  border-radius: 0 !important; /* ✅ */
  padding: 12px 18px !important;
  width: 100%;
  text-align: center;
  font-size: 15px !important;
  cursor: pointer;
  transition: 0.5s ease !important;
  box-shadow: none !important;
  line-height: 1.2 !important;
}

/* Supprime toute icône "save" ou pseudo-élément ajouté par le thème */
#ab1-save-config::before,
#ab1-save-config::after,
.ab1-ezc-btn-save::before,
.ab1-ezc-btn-save::after {
  content: none !important;
  display: none !important;
}

/* Hover : léger effet jaune clair */
#ab1-save-config:hover,
.ab1-ezc-btn-save:hover {
  background: #ffb500 !important;
  box-shadow: 0 0 10px 0 #ffb500 !important;
  transform: none !important;
}

/* Espacement horizontal entre les colonnes */
.ab1-ezc-col.double-col {
  display: flex;
  flex-direction: column;
  gap: 24px; /* Espace vertical interne */
}

/* === Layout 3 colonnes === */
.ab1-ezc-3col{
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 100%;
  margin:0 auto;
  padding:20px 16px;
  display:grid;
  gap:24px;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

.ab1-ezc-panel{
  background:#201533;
  border:1px solid rgba(255,255,255,.08);
  padding:16px;
  border-radius:0 !important; /* ✅ */
}

.ab1-ezc-title{
  color:#fff;
  margin:0 0 12px;
  font-size:22px!important;
  font-weight:700
}

/* Preview */
.ab1-ezc-canvas{
  position:relative;
  background:#0b0a12;
  border:1px solid rgba(255,255,255,.06);
  border-radius:0 !important; /* ✅ */
  overflow:hidden
}

/* IMPORTANT : remplace l’ancien padding-top PHP par la variable */
.ab1-ezc-canvas::before{
  content:"";
  display:block;
  padding-top: var(--ab1-ezc-ratio, 75%);
}

.ab1-ezc-canvas .layer{position:absolute;inset:0;display:none}
.ab1-ezc-canvas .layer.active{display:block}
.ab1-ezc-canvas img{width:100%;height:100%;object-fit:contain;display:block}

.ab1-ezc-option {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  width: 100%;
  white-space: normal;
  height: 104px;
}

input.ab1-ezc-qty {
  min-height: 104px;
  background: #2b2040 !important;
}

.ab1-ezc-option img.ab1-ezc-icon {
  width: 104px;
  height: 104px;
  border-radius: 0 !important; /* ✅ */
  object-fit: contain;
  flex-shrink: 0;
  display: inline-block;
  vertical-align: middle;
}

.ab1-ezc-option .ab1-ezc-text {
  flex: 1;
  display: inline-block;
  vertical-align: middle;
  align-items: center;
  text-align: left;
  line-height: 1;
  font-size: 13px;
  color: inherit;
}

details.ab1-ezc-acc{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  margin:10px 0
}

details.ab1-ezc-acc > summary{
  list-style:none;
  cursor:pointer;
  color:#fff;
  padding:12px 14px;
  font-weight:600
}

details.ab1-ezc-acc[open] > summary{
  background:rgba(255,255,255,.06)
}

/* AB1 - Nouvelles règles pour options */
.ab1-ezc-options {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.ab1-ezc-option {
  display: flex;
  align-items: center;
  width: 100%;
  text-align: left;
  cursor: pointer;
  padding: 10px 12px;
  background: #2b2040;
  color: #fff;
  border-radius: 0 !important; /* ✅ */
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(255,255,255,.08);
  transition: background 0.2s ease-in-out;
  font-size: 13px;
  line-height: 1.3;
  pointer-events: auto;
  user-select: none;
  outline: none;
  align-items: center;
}

.ab1-ezc-option:hover {
  background: #3b2a60;
}

.ab1-ezc-option.active {
  background: #6CCB5F;
  color: #111;
  border-color: transparent;
}

.ab1-ezc-price{
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 4px solid #ffc600;
  padding-top: 14px;
  margin-top: 10px;
}

.ab1-ezc-total{
  font-size:22px;
  color:#ffc600;
  font-weight:800
}

.ab1-ezc-btn-add{
  background:#ffb500;
  border:0;
  border-radius:0 !important; /* ✅ */
  padding:14px 18px;
  font-weight:800;
  font-size:20px;
  color:#000000;
  cursor:pointer;
  width:100%;
  margin-top:18px;
  transition: 0.5s ease !important;
}

.ab1-ezc-btn-add:hover{
  background: #ffb500 !important;
  box-shadow: 0 0 10px 0 #ffb500 !important;
  color:#000000;
}

.ab1-ezc-summary-list{
  list-style:none;
  margin:0;
  padding:0
}

.ab1-ezc-summary-list li{
  display:flex;
  justify-content:space-between;
  gap:10px;
  border-bottom:1px solid rgba(255,255,255,.08);
  padding:8px 0;
  color:#fff
}

.ab1-ezc-summary-list li .lbl{opacity:.9}
.ab1-ezc-summary-list li .val{font-weight:600}

/* Épaissir et colorer la ligne au-dessus du prix */
.ab1-ezc-summary hr {
  border: none;
  border-top: 4px solid #ffcc00;
  margin: 15px 0;
}

/* Anti border-radius global EZCreator (au cas où un thème injecte) */
.ab1-ezc-3col *,
.ab1-ezc-3col *::before,
.ab1-ezc-3col *::after{
  border-radius: 0 !important;
}

/* ===============================
   CSS anciennement inline (PHP)
   =============================== */

/* Ligne option + qty */
.ab1-ezc-row {
  display: flex;
  align-items: center;
}

/* Texte option */
.ab1-ezc-text {
  flex: 1;
  text-align: left;
}

/* Messages d’erreur EZCreator */
.ab1-ezc.error {
  color: #c00;
  text-align: center;
}