/* DIGIOUEST.COM — custom.css (nettoyé sans impact)
   - Ordre des règles conservé (cascade intacte)
   - Doublons internes à un bloc supprimés
   - Commentaires d'origine retirés
*/

main {
  background-color: white;
}

#_desktop_logo {
  display: none;
}

#wrapper .container {
  overflow-x: hidden;
}

body .btn-primary, body .btn-primary.disabled, body .btn-primary:disabled, body .btn-primary.disabled:hover {
  background: #000000;
  color: #ffffff;
  border-color: #000000;
  border-radius: 40px;
}

body .btn-primary:hover {
  background: #000000;
  color: #ffffff;
  border-color: #000000;
}

.elementor-2020201 .elementor-element.elementor-element-2fa20c04 > .elementor-container {
  max-width: 1400px;
  min-height: auto;
}

#header div#_desktop_cart {
  display: none;
}

.header_sep0 nav.header-nav {
  display: none;
}

div#_desktop_search_widget {
  display: none;
}

.ets_mm_megamenu.layout_layout3, .layout_layout3 .mm_tab_li_content {
  background: linear-gradient(180deg, rgb(2 127 194) 0%, rgb(1 101 175) 55%);
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

div#rwd_menu, div#rwd_menu .rwd_menu_item, div#rwd_menu .rwd_menu_item:first-child {
  border-color: #e6e6e6;
  display: none;
}

.layout_layout3:not(.changestatus) .mm_menus_ul ul.product_list .product-name, .layout_layout3:not(.changestatus) .mm_block_type_product div.star:not(.star_on):after, .layout_layout3:not(.changestatus) .mm_columns_ul *, #header .layout_layout3:not(.changestatus) .mm_menus_ul ul.product_list .product-name, #header .layout_layout3:not(.changestatus) .mm_block_type_product div.star:not(.star_on):after, #header .layout_layout3:not(.changestatus) .mm_columns_ul * {
  color: #000000;
  font-weight: 600;
  font-family: Lato;
}

.elementor-1020201 .elementor-element.elementor-element-783ee38 {
  margin-bottom: 0px;
  padding: 0px 0px 0px 0px;
  margin-top: 0px;
}

header.page-header h1 {
  text-transform: uppercase;
  font-size: 18px;
  display: none;
}

#category_desc .category-desc .cat_name {
  display: none;
}

#pagenotfound .page-not-found, #products .page-not-found {
  display: none;
}

@media (max-width: 767px) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  #header .elementor-image img {
    width: auto;
    max-height: 150px;
  }

  /* Fin — custom.css digiouest.com */
}

@media (max-width: 767px) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  #footer .elementor-image img {
    width: auto;
    max-height: 125px;
  }

  /* Fin — custom.css digiouest.com */
}

.ybc-menu-toggle {
  background: linear-gradient(180deg, rgb(2 127 194) 0%, rgb(1 101 175) 55%);
  color: white;
}

.ybc-menu-toggle .icon-bar {
  background-color: #ffffff;
  clear: left;
  float: left;
  height: 2px;
  margin: 2px 3px 1px 0;
  transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  width: 18px;
}

.ets_mm_megamenu.hook-default {
  background-color: rgba(0, 0, 0, 0);
  margin-top: 0px;
  padding: 0px;
  width: 100%;
}

.text-xs-center {
  text-align: center!important;
  display: none;
}

#category section#products {
  display: none;
}

#wrapper .container .ls-overflow-visible {
  margin-right: 0!important;
}

@media (max-width: 767px) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  #wrapper > .container > .row {
    margin: 0px;
    overflow: hidden;
  }

  #wrapper > .container > .row > #content-wrapper {
    padding: 0;
  }

  /* Fin — custom.css digiouest.com */
}

#wrapper .breadcrumb {
  background: transparent;
  padding: 0 15px;
  display: none;
}

.footer-container .bottom-footer {
  background: #000000;
  border-color: #383838;
  color: #ffffff;
  display: none;
}

.row.social_footer {
  border-top: 1px solid #363636;
  padding-top: 20px;
  display: none;
}

.footer-container {
  background: #000000;
}

.product-line-grid-left img {
  border: none;
}

body .product-price-and-shipping span.price, #header .layout_layout3 .mm_columns_ul .product-price-and-shipping span.price {
  color: #fff !important;
}

#header .layout_layout3 .mm_columns_ul a {
  font-weight: 700 !important;
  color: #fff !important;
}

.mm_block_type_product span.product_combination, #header .layout_layout3 .mm_columns_ul .mm_block_type_product span.product_combination, .layout_layout3 .mm_columns_ul .mm_block_type_product span.product_combination {
  color: #fff !important;
}

@media (min-width: 768px) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  :root {
    --mm-a: rgba(0,0,0,0.66);
    --mm-b: rgba(0,0,0,0.44);
    --mm-overlay: radial-gradient(120% 120% at 14% -10%,
                      rgba(255,255,255,0.18) 0%,
                      rgba(180,220,255,0.10) 36%,
                      rgba(255,200,240,0.08) 60%,
                      transparent 100%);
    --mm-border: rgba(255,255,255,0.18);
    --mm-shadow: 0 20px 44px rgba(0,0,0,0.40), inset 0 0 0 1px rgba(255,255,255,0.05);
    --mm-radius: 14px;
    --mm-sep: rgba(255,255,255,0.12);
    --mm-arrow: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m10 17 5-5-5-5'/></svg>");
    --mm-arrow-space: 22px;
  }

  #header .layout_layout3.ets_mm_megamenu .mm_columns_ul, .layout_layout3.ets_mm_megamenu .mm_columns_ul {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    isolation: isolate !important;
    background: linear-gradient(135deg, var(--mm-a), var(--mm-b)),
        var(--mm-overlay) !important;
    -webkit-backdrop-filter: blur(20px) saturate(150%) contrast(112%) !important;
    backdrop-filter: blur(20px) saturate(150%) contrast(112%) !important;
    border: 0 !important;
    border-left: 1px solid var(--mm-border) !important;
    border-right: 1px solid var(--mm-border) !important;
    border-bottom: 1px solid var(--mm-border) !important;
    border-radius: 0 0 var(--mm-radius) var(--mm-radius) !important;
    box-shadow: var(--mm-shadow) !important;
    color: #fff !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    z-index: 2147483646 !important;
  }

  #header .layout_layout3.ets_mm_megamenu .mm_columns_ul::before, .layout_layout3.ets_mm_megamenu .mm_columns_ul::before {
    content: "";
    position: absolute;
    inset: -1px;
    z-index: -1;
    border-radius: inherit;
    background: var(--mm-overlay);
    filter: blur(18px);
    opacity: .22;
    pointer-events: none;
  }

  #header .layout_layout3 .mm_columns_ul :is(.h1,.h2,.h3,.h4,.h5,.h6), #header .layout_layout3 .mm_columns_ul .ets_mm_block > :is(.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a) {
    color: #fff !important;
  }

  .layout_layout3 .mm_columns_ul .mm_menus_li, .layout_layout3 .mm_columns_ul .ets_mm_categories li {
    border-bottom: 1px solid var(--mm-sep) !important;
  }

  .layout_layout3 .mm_columns_ul :is(.mm_menus_li:last-child, .ets_mm_categories li:last-child) {
    border-bottom: 0 !important;
  }

  #header .layout_layout3 .mm_columns_ul a {
    position: relative !important;
    border-radius: 10px !important;
    overflow: visible !important;
    z-index: 0;
    text-decoration: none !important;
    line-height: 1.25 !important;
    padding: 15px;
  }

  #header .layout_layout3 .mm_columns_ul a::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(135deg, rgba(255,255,255,0.18), rgba(255,255,255,0.10));
    -webkit-backdrop-filter: blur(16px) saturate(150%);
    backdrop-filter: blur(16px) saturate(150%);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);
    opacity: 0;
    transition: opacity .18s ease;
    z-index: -1;
    pointer-events: none;
  }

  #header .layout_layout3 .mm_columns_ul a:hover::before, #header .layout_layout3 .mm_columns_ul a:focus-visible::before {
    opacity: 1;
  }

  #header .layout_layout3 .mm_columns_ul a:not(.thumbnail):not(.product-thumbnail):not(:has(img)) {
    padding-left: calc(var(--mm-arrow-space) + 8px) !important;
  }

  #header .layout_layout3 .mm_columns_ul a:not(.thumbnail):not(.product-thumbnail):not(:has(img))::after {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: var(--mm-arrow);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
    opacity: .95;
    pointer-events: none;
  }

  .layout_layout3 .mm_columns_ul :is(.mm_menus_li > a, .ets_mm_categories a, .product-miniature .product-title a, ul.product_list .product-name) {
    padding-left: calc(var(--mm-arrow-space) + 8px) !important;
    position: relative !important;
  }

  .layout_layout3 .mm_columns_ul :is(.mm_menus_li > a, .ets_mm_categories a, .product-miniature .product-title a, ul.product_list .product-name)::after {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: var(--mm-arrow);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
    opacity: .95;
    pointer-events: none;
  }

  .layout_layout3 .mm_columns_ul :is(.mm_menus_li > a, .ets_mm_categories a) > i, .layout_layout3 .mm_columns_ul :is(.mm_menus_li > a, .ets_mm_categories a) > .fa, .layout_layout3 .mm_columns_ul :is(.mm_menus_li > a, .ets_mm_categories a) > [class^="icon-"], .layout_layout3 .mm_columns_ul :is(.mm_menus_li > a, .ets_mm_categories a) > [class*=" icon-"] {
    display: none !important;
  }

  .layout_layout3 .mm_columns_ul .thumbnail.product-thumbnail, .layout_layout3 .mm_columns_ul .product-miniature.js-product-miniature.reviews-loading .thumbnail.product-thumbnail, .layout_layout3 .mm_columns_ul .product_list .thumbnail.product-thumbnail, #header .layout_layout3 .mm_columns_ul .thumbnail.product-thumbnail {
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    background: transparent !important;
  }

  .layout_layout3 .mm_columns_ul .thumbnail.product-thumbnail img, .layout_layout3 .mm_columns_ul .product-miniature.js-product-miniature.reviews-loading .thumbnail.product-thumbnail img, .layout_layout3 .mm_columns_ul .product_list .thumbnail.product-thumbnail img, #header .layout_layout3 .mm_columns_ul .thumbnail.product-thumbnail img {
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    background: transparent !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
  }

  .layout_layout3 .mm_columns_ul .product-miniature a, .layout_layout3 .mm_columns_ul .product_list a {
    display: revert !important;
    padding: revert !important;
    line-height: revert !important;
    gap: revert !important;
    background: transparent !important;
  }

  /* Fin — custom.css digiouest.com */
}

@media (max-width: 768px) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  :root {
    --mm-a: rgba(0,0,0,0.84);
    --mm-b: rgba(0,0,0,0.60);
    --mm-overlay: radial-gradient(120% 120% at 14% -10%,
                      rgba(255,255,255,0.16) 0%,
                      rgba(180,220,255,0.10) 36%,
                      rgba(255,200,240,0.08) 60%,
                      transparent 100%);
    --mm-shadow: 0 16px 36px rgba(0,0,0,0.45), inset 0 0 0 1px rgba(255,255,255,0.05);
    --mm-sep: rgba(255,255,255,0.10);
    --mm-arrow: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m10 17 5-5-5-5'/></svg>");
    --mm-gap: 15px;
    --mm-link-py-root: 10px;
    --mm-link-py-sub: 9px;
    --mm-img-min: 140px;
    --mm-img-fluid: 48vw;
    --mm-img-max: 240px;
    --mm-title-min: 16px;
    --mm-title-fluid: 4.4vw;
    --mm-title-max: 22px;
    --mm-desc-min: 13px;
    --mm-desc-fluid: 3.6vw;
    --mm-desc-max: 16px;
    --mm-price-min: 15px;
    --mm-price-fluid: 4vw;
    --mm-price-max: 18px;
  }

  :is(.transition_floating,.transition_full,.ets_mm_megamenu.hook-default) .mm_menus_ul {
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: calc(20px + env(safe-area-inset-top)) 12px max(24px, env(safe-area-inset-bottom)) !important;
    list-style: none !important;
    display: block !important;
    isolation: isolate !important;
    background: linear-gradient(135deg, var(--mm-a), var(--mm-b)),
        var(--mm-overlay) !important;
    -webkit-backdrop-filter: blur(20px) saturate(160%) contrast(115%) !important;
    backdrop-filter: blur(20px) saturate(160%) contrast(115%) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: var(--mm-shadow) !important;
    color: #fff !important;
    z-index: -1 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity .25s ease !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
  }

  :is(.transition_floating,.transition_full,.ets_mm_megamenu.hook-default) .mm_menus_ul.active {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 2147483647 !important;
  }

  html:has(.mm_menus_ul.active), body:has(.mm_menus_ul.active), html.mm-open, body.mm-open {
    overflow: hidden !important;
    touch-action: none !important;
  }

  :is(.transition_floating,.transition_full,.ets_mm_megamenu.hook-default) .mm_menus_ul * {
    color: #fff !important;
    font-family: 'Poppins', system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
    font-weight: 600 !important;
  }

  :is(.transition_floating,.transition_full,.ets_mm_megamenu.hook-default) .mm_menus_ul > li {
    margin: 0 !important;
    border-bottom: 1px solid var(--mm-sep) !important;
  }

  :is(.transition_floating,.transition_full,.ets_mm_megamenu.hook-default) .mm_menus_ul > li:last-child {
    border-bottom: 0 !important;
  }

  .mm_menus_ul > li > a {
    display: flex !important;
    align-items: center !important;
    gap: .65rem !important;
    padding: var(--mm-link-py-root) 44px var(--mm-link-py-root) 14px !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    background: transparent !important;
    transition: background-color .18s ease, box-shadow .22s ease !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis !important;
    position: relative !important;
    z-index: 1;
    touch-action: manipulation !important;
    cursor: pointer !important;
  }

  .mm_menus_ul > li > a::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: inherit;
    background: linear-gradient(135deg, rgba(255,255,255,0.18), rgba(255,255,255,0.10));
    -webkit-backdrop-filter: blur(14px) saturate(145%);
    backdrop-filter: blur(14px) saturate(145%);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.10);
    opacity: 0;
    transition: opacity .18s ease;
    pointer-events: none;
  }

  .mm_menus_ul > li > a:hover::before, .mm_menus_ul > li > a:focus-visible::before {
    opacity: 1;
  }

  .mm_menus_ul > li > a::after {
    content: "";
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: var(--mm-arrow);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
    pointer-events: none;
    opacity: .95;
    transition: transform .2s ease;
  }

  .mm_menus_ul > li > a:focus-visible {
    outline: 2px solid rgba(255,255,255,.85);
    outline-offset: 3px;
  }

  .mm_menus_ul .mm_menus_li > ul > li > a, .mm_menus_ul .mm_menus_li > .mm_columns_ul > li > a, .mm_menus_ul .mm_menus_li > .sub-menu > li > a {
    display: flex !important;
    align-items: center !important;
    gap: .65rem !important;
    padding: var(--mm-link-py-sub) 44px var(--mm-link-py-sub) 14px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis !important;
    position: relative !important;
    z-index: 1;
    touch-action: manipulation !important;
    cursor: pointer !important;
  }

  .mm_menus_ul .mm_menus_li > ul, .mm_menus_ul .mm_menus_li > .mm_columns_ul, .mm_menus_ul .mm_menus_li > .sub-menu, .mm_menus_ul .ets_mm_categories > li > ul {
    max-height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    transition: max-height .25s ease, visibility 0s linear .25s !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    display: block !important;
  }

  .mm_menus_ul .mm_menus_li.open_li > ul, .mm_menus_ul .mm_menus_li.active > ul, .mm_menus_ul .mm_menus_li.open > ul, .mm_menus_ul .mm_menus_li.open_li > .mm_columns_ul, .mm_menus_ul .mm_menus_li.active > .mm_columns_ul, .mm_menus_ul .mm_menus_li.open > .mm_columns_ul, .mm_menus_ul .mm_menus_li.open_li > .sub-menu, .mm_menus_ul .mm_menus_li.active > .sub-menu, .mm_menus_ul .mm_menus_li.open > .sub-menu, .mm_menus_ul .mm_menus_li > a[aria-expanded="true"] + ul, .mm_menus_ul .mm_menus_li > a[aria-expanded="true"] + .mm_columns_ul, .mm_menus_ul .mm_menus_li > a[aria-expanded="true"] + .sub-menu, .mm_menus_ul .mm_menus_li:has(> a:focus) > ul, .mm_menus_ul .mm_menus_li:has(> a:focus) > .mm_columns_ul, .mm_menus_ul .mm_menus_li:has(> a:focus) > .sub-menu, .mm_menus_ul .mm_menus_li:hover > ul, .mm_menus_ul .mm_menus_li:hover > .mm_columns_ul, .mm_menus_ul .mm_menus_li:hover > .sub-menu {
    max-height: 1000vh !important;
    overflow: visible !important;
    visibility: visible !important;
    transition: max-height .25s ease, visibility 0s linear 0s !important;
  }

  .mm_menus_ul .mm_menus_li.open_li > a::after, .mm_menus_ul .mm_menus_li.active > a::after, .mm_menus_ul .mm_menus_li.open > a::after, .mm_menus_ul .mm_menus_li:has(> a:focus) > a::after, .mm_menus_ul .mm_menus_li:hover > a::after, .mm_menus_ul .mm_menus_li > a[aria-expanded="true"]::after {
    transform: translateY(-50%) rotate(90deg);
  }

  .mm_blocks_li {
    float: none !important;
    width: 100% !important;
    display: block !important;
    box-sizing: border-box !important;
    margin: var(--mm-gap) 0 !important;
    top: 0 !important;
    position: relative !important;
    isolation: isolate !important;
    padding: 30px !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, rgba(255,255,255,0.22), rgba(255,255,255,0.10)) !important;
    -webkit-backdrop-filter: blur(14px) saturate(135%) !important;
    backdrop-filter: blur(14px) saturate(135%) !important;
    border: 1px solid rgba(255,255,255,0.65) !important;
    box-shadow: 0 10px 26px rgba(10,14,25,0.22), inset 0 0 0 1px rgba(255,255,255,0.06) !important;
    overflow: hidden !important;
    transition: box-shadow .25s ease, border-color .2s ease, background .2s ease !important;
  }

  #header .layout_layout3 .mm_columns_ul .ets_mm_products, #header .layout_layout3 .mm_columns_ul .products, #header .layout_layout3 .mm_columns_ul .product_list, .mm_menus_ul .ets_mm_products, .mm_menus_ul .products, .mm_menus_ul .product_list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
    justify-items: center !important;
    align-items: start !important;
    text-align: center !important;
  }

  #header .layout_layout3 .mm_columns_ul .mm_block_type_product .product-miniature, #header .layout_layout3 .mm_columns_ul .mm_block_type_product .product, .mm_menus_ul .mm_block_type_product .product-miniature, .mm_menus_ul .mm_block_type_product .product {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    text-align: center !important;
  }

  .mm_menus_ul .thumbnail.product-thumbnail, .mm_menus_ul .product-miniature .thumbnail.product-thumbnail {
    float: none !important;
    margin: 0 auto !important;
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
  }

  .mm_menus_ul .thumbnail.product-thumbnail img, .mm_menus_ul .product-miniature .thumbnail.product-thumbnail img {
    display: block !important;
    margin: 0 auto !important;
    width: clamp(var(--mm-img-min),var(--mm-img-fluid),var(--mm-img-max)) !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }

  #header .layout_layout3 .mm_columns_ul .mm_block_type_product .product-title, #header .layout_layout3 .mm_columns_ul .mm_block_type_product .h3.product-title, #header .layout_layout3 .mm_columns_ul .mm_block_type_product .product-name, .mm_menus_ul .mm_block_type_product .product-title, .mm_menus_ul .mm_block_type_product .h3.product-title, .mm_menus_ul .mm_block_type_product .product-name {
    font-size: clamp(var(--mm-title-min), var(--mm-title-fluid), var(--mm-title-max)) !important;
    line-height: 1.25 !important;
    width: 100% !important;
    margin: .35rem 0 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    text-align: center !important;
    align-self: center !important;
  }

  #header .layout_layout3 .mm_columns_ul .mm_block_type_product .product-title a, #header .layout_layout3 .mm_columns_ul .mm_block_type_product .h3.product-title a, #header .layout_layout3 .mm_columns_ul .mm_block_type_product .product-name a, .mm_menus_ul .mm_block_type_product .product-title a, .mm_menus_ul .mm_block_type_product .h3.product-title a, .mm_menus_ul .mm_block_type_product .product-name a {
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    text-align: center !important;
  }

  #header .layout_layout3 .mm_columns_ul .mm_block_type_product .product-title a::before, #header .layout_layout3 .mm_columns_ul .mm_block_type_product .product-title a::after, #header .layout_layout3 .mm_columns_ul .mm_block_type_product .h3.product-title a::before, #header .layout_layout3 .mm_columns_ul .mm_block_type_product .h3.product-title a::after, #header .layout_layout3 .mm_columns_ul .mm_block_type_product .product-name a::before, #header .layout_layout3 .mm_columns_ul .mm_block_type_product .product-name a::after, .mm_menus_ul .mm_block_type_product .product-title a::before, .mm_menus_ul .mm_block_type_product .product-title a::after, .mm_menus_ul .mm_block_type_product .h3.product-title a::before, .mm_menus_ul .mm_block_type_product .h3.product-title a::after, .mm_menus_ul .mm_block_type_product .product-name a::before, .mm_menus_ul .mm_block_type_product .product-name a::after {
    content: none !important;
  }

  #header .layout_layout3 .mm_columns_ul .mm_block_type_product .product-description, #header .layout_layout3 .mm_columns_ul .mm_block_type_product .product-desc, #header .layout_layout3 .mm_columns_ul .mm_block_type_product .product-short-description, .mm_menus_ul .mm_block_type_product .product-description, .mm_menus_ul .mm_block_type_product .product-desc, .mm_menus_ul .mm_block_type_product .product-short-description {
    font-size: clamp(var(--mm-desc-min), var(--mm-desc-fluid), var(--mm-desc-max)) !important;
    line-height: 1.45 !important;
    opacity: .9 !important;
    width: 100% !important;
    margin: .3rem auto .6rem !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    display: block !important;
    float: none !important;
    text-align: center !important;
    align-self: center !important;
  }

  #header .layout_layout3 .mm_columns_ul .mm_block_type_product .product-price-and-shipping, #header .layout_layout3 .mm_columns_ul .mm_block_type_product .product-prices, #header .layout_layout3 .mm_columns_ul .mm_block_type_product .pricing, #header .layout_layout3 .mm_columns_ul .mm_block_type_product .current-price, #header .layout_layout3 .mm_columns_ul .mm_block_type_product .regular-price, .mm_menus_ul .mm_block_type_product .product-price-and-shipping, .mm_menus_ul .mm_block_type_product .product-prices, .mm_menus_ul .mm_block_type_product .pricing, .mm_menus_ul .mm_block_type_product .current-price, .mm_menus_ul .mm_block_type_product .regular-price {
    width: 100% !important;
    margin: .25rem 0 0 !important;
    float: none !important;
    display: flex !important;
    justify-content: center !important;
    align-items: baseline !important;
    gap: .35rem !important;
    text-align: center !important;
    align-self: center !important;
  }

  #header .layout_layout3 .mm_columns_ul .mm_block_type_product .product-price-and-shipping .price, #header .layout_layout3 .mm_columns_ul .mm_block_type_product .product-price-and-shipping span.price, .mm_menus_ul .mm_block_type_product .product-price-and-shipping .price, .mm_menus_ul .mm_block_type_product .product-price-and-shipping span.price {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    font-size: clamp(var(--mm-price-min), var(--mm-price-fluid), var(--mm-price-max)) !important;
    display: inline-block !important;
    text-align: center !important;
  }

  #header .layout_layout3 .mm_columns_ul .mm_block_type_product span.product_combination, .mm_menus_ul .mm_block_type_product span.product_combination {
    display: block !important;
    text-align: center !important;
    margin-top: .2rem !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    align-self: center !important;
  }

  #header .layout_layout3 .mm_columns_ul .mm_block_type_product, #header .layout_layout3 .mm_columns_ul .mm_block_type_product * , .mm_menus_ul .mm_block_type_product, .mm_menus_ul .mm_block_type_product * {
    text-align: center !important;
  }

  #header .layout_layout3 .mm_columns_ul .mm_block_type_product a, .mm_menus_ul .mm_block_type_product a {
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    background: transparent !important;
    border-radius: 0 !important;
  }

  #header .layout_layout3 .mm_columns_ul .mm_block_type_product a::before, #header .layout_layout3 .mm_columns_ul .mm_block_type_product a::after, .mm_menus_ul .mm_block_type_product a::before, .mm_menus_ul .mm_block_type_product a::after {
    content: none !important;
  }

  /* Fin — custom.css digiouest.com */
}

@supports not ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  @media (max-width: 768px) {
    /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
       - Ordre des règles conservé (cascade intacte)
       - Doublons internes à un bloc supprimés
       - Commentaires d'origine retirés
    */

    :is(.transition_floating,.transition_full,.ets_mm_megamenu.hook-default) .mm_menus_ul {
      background: rgba(0,0,0,0.93) !important;
    }

    .mm_blocks_li {
      background: rgba(255,255,255,0.92) !important;
      border: 1px solid rgba(255,255,255,0.75) !important;
      box-shadow: 0 10px 24px rgba(10,14,25,0.20) !important;
      border-radius: 14px !important;
    }

    /* Fin — custom.css digiouest.com */
  }

  /* Fin — custom.css digiouest.com */
}

.ybc-menu-toggle {
  position: relative !important;
  z-index: 2147483650 !important;
}

.ybc-menu-toggle .icon-bar {
}

@media (max-width:768px) and (prefers-reduced-motion: reduce) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  .mm_menus_ul, .mm_menus_ul * {
    transition: none !important;
    animation: none !important;
    scroll-behavior: auto !important;
  }

  /* Fin — custom.css digiouest.com */
}

@media (max-width:768px) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  .mm_menus_ul .thumbnail.product-thumbnail, .mm_menus_ul .product-miniature .thumbnail.product-thumbnail {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  .mm_menus_ul .thumbnail.product-thumbnail img {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    max-width: 100% !important;
    height: auto !important;
  }

  /* Fin — custom.css digiouest.com */
}

.degrade {
  background: linear-gradient(90deg, #ff7800, #fe5600);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}

.noir {
  color: #000;
  font-weight: bold;
}

:root {
  --lg-radius: 18px;
  --lg-pad: 16px;
  --lg-blur: 26px;
  --lg-ring: 2px;
  --acc1: #ff7800;
  --acc2: #fe5600;
}

.elementor-product-miniature {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: var(--lg-pad);
  border-radius: var(--lg-radius);
  color: #fff;
  backdrop-filter: blur(var(--lg-blur)) saturate(120%);
  -webkit-backdrop-filter: blur(var(--lg-blur)) saturate(120%);
  border: 1px solid rgba(255,255,255,0.06);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.10),
    inset 0 -1px 0 rgba(0,0,0,0.60),
    0 0 0 1px rgba(255,255,255,0.03);
  transition: box-shadow .25s ease, transform .25s ease;
}

.elementor-product-miniature::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: var(--lg-ring);
  background: linear-gradient(135deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.10) 26%,
      rgba(0,0,0,0.96) 58%,
      rgba(0,0,0,0.82) 72%,
      var(--acc1) 86%, var(--acc2) 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.05),
    0 12px 24px -16px rgba(0,0,0,0.70),
    0 0 22px -8px rgba(255,120,0,0.18);
}

.elementor-product-miniature::after {
  content: "";
  position: absolute;
  inset: calc(var(--lg-ring) + 1px);
  border-radius: calc(var(--lg-radius) - var(--lg-ring) - 1px);
  background: radial-gradient(110% 120% at 85% 95%, rgba(0,0,0,0.14), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,0.12), transparent 120px),
    linear-gradient(45deg, rgba(255,255,255,0.05), transparent 60%);
  mix-blend-mode: soft-light;
  opacity: .95;
  pointer-events: none;
}

.elementor-product-miniature:hover {
  transform: translateY(-2px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.14),
    inset 0 -1px 0 rgba(0,0,0,0.68),
    0 30px 80px -38px rgba(0,0,0,0.85),
    0 0 0 1px rgba(255,255,255,0.05);
}

.elementor-product-miniature img {
  border-radius: calc(var(--lg-radius) - 6px);
  display: block;
}

.elementor-product-miniature .elementor-atc {
  margin-top: 5px;
  background: transparent !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.elementor-product-miniature .elementor-atc .elementor-button.elementor-size-xs {
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55em;
  margin: 10px;
  padding: .95em 1.35em;
  min-height: 44px;
  border-radius: 999px;
  text-decoration: none;
  text-align: center;
  font: 600 .95rem/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  letter-spacing: .2px;
  cursor: pointer;
  color: #fff !important;
  background: radial-gradient(120% 140% at 8% 0%, rgba(255,255,255,.06) 0 16%, transparent 58%),
    linear-gradient(160deg, rgba(0,0,0,.98), rgba(0,0,0,.72)) !important;
  backdrop-filter: blur(calc(var(--lg-blur) * .75)) saturate(118%);
  -webkit-backdrop-filter: blur(calc(var(--lg-blur) * .75)) saturate(118%);
  border: 1px solid rgba(255,255,255,.07) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(0,0,0,.66),
    0 10px 24px -16px rgba(0,0,0,.80);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
  will-change: transform, box-shadow, filter;
}

.elementor-product-miniature .elementor-atc .elementor-button.elementor-size-xs :is(.elementor-button-text, .elementor-button-icon, i) {
  color: #fff !important;
}

.elementor-product-miniature .elementor-atc .elementor-button.elementor-size-xs :is(svg, svg *, path, rect, circle, line, polyline, polygon) {
  fill: #fff !important;
  stroke: #fff !important;
}

.elementor-product-miniature .elementor-atc .elementor-button.elementor-size-xs::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1.8px;
  background: linear-gradient(135deg,
      rgba(255,255,255,.48) 0%,
      rgba(255,255,255,.22) 26%,
      rgba(0,0,0,.98) 56%,
      rgba(0,0,0,.82) 72%,
      var(--acc1) 86%, var(--acc2) 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  box-shadow: 0 0 0 1px rgba(255,255,255,.05),
    0 10px 20px -16px rgba(0,0,0,.65),
    0 0 16px -10px rgba(255,120,0,.16);
}

.elementor-product-miniature .elementor-atc .elementor-button.elementor-size-xs::after {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: inherit;
  background: linear-gradient(120deg, transparent 46%, rgba(255,255,255,.18) 50%, transparent 54%),
    linear-gradient(180deg, rgba(255,255,255,.12), transparent 90px),
    linear-gradient(45deg, rgba(255,255,255,.05), transparent 60%);
  background-size: 220% 220%, auto, auto;
  background-position: -140% 0, 0 0, 0 0;
  mix-blend-mode: soft-light;
  pointer-events: none;
  transition: background-position .9s cubic-bezier(.2,.7,.2,1);
}

.elementor-product-miniature .elementor-atc .elementor-button.elementor-size-xs:hover {
  transform: translateY(-1px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -1px 0 rgba(0,0,0,.68),
    0 14px 32px -18px rgba(0,0,0,.84);
  filter: brightness(1.01);
}

.elementor-product-miniature .elementor-atc .elementor-button.elementor-size-xs:hover::after {
  background-position: 140% 0, 0 0, 0 0;
}

.elementor-product-miniature .elementor-atc .elementor-button.elementor-size-xs:active {
  transform: translateY(0);
  filter: brightness(.98);
}

.elementor-product-miniature .elementor-atc .elementor-button.elementor-size-xs:focus-visible {
  outline: 0;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.20),
    0 0 0 2px color-mix(in oklab, var(--acc1) 55%, transparent),
    0 0 0 6px color-mix(in oklab, var(--acc2) 28%, transparent);
}

.elementor-product-miniature .elementor-atc .elementor-button.elementor-size-xs[disabled], .elementor-product-miniature .elementor-atc .elementor-button.elementor-size-xs[aria-disabled="true"] {
  cursor: not-allowed;
  pointer-events: none;
  color: rgba(255,255,255,.75) !important;
  background: radial-gradient(120% 140% at 8% 0%, rgba(255,255,255,.06) 0 18%, transparent 60%),
    linear-gradient(160deg, rgba(10,10,10,.92), rgba(10,10,10,.66)) !important;
  border-color: rgba(255,255,255,.08) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -1px 0 rgba(0,0,0,.55),
    0 6px 16px -12px rgba(0,0,0,.55);
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  .elementor-product-miniature .elementor-atc .elementor-button.elementor-size-xs {
    background: linear-gradient(160deg, #0b0b0b, #121212 50%, #1a1a1a) !important;
  }

  /* Fin — custom.css digiouest.com */
}

:root {
  --btn-blur: 34px;
}

.elementor .elementor-button.elementor-size-md.elementor-button-link {
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .6em;
  padding: 1.05em 1.6em;
  min-height: 48px;
  border-radius: 9999px;
  text-decoration: none;
  text-align: center;
  font: 600 1rem/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  letter-spacing: .2px;
  cursor: pointer;
  color: #0e0e0e !important;
  background: radial-gradient(120% 150% at 12% 0%,
      rgba(255,255,255,.70) 0 22%, rgba(255,255,255,.18) 60%),
    linear-gradient(165deg, rgba(255,255,255,.96), rgba(255,255,255,.76)),
    linear-gradient(0deg, rgba(255,255,255,.06), transparent);
  backdrop-filter: blur(calc(var(--btn-blur)*.8)) saturate(140%);
  -webkit-backdrop-filter: blur(calc(var(--btn-blur)*.8)) saturate(140%);
  border: 1px solid rgba(255,255,255,.66);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82),
    inset 0 -1px 0 rgba(0,0,0,.10),
    0 14px 32px -18px rgba(0,0,0,.55);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.elementor .elementor-button.elementor-size-md.elementor-button-link :is(.elementor-button-text, .elementor-button-icon, i) {
  color: #0e0e0e !important;
}

.elementor .elementor-button.elementor-size-md.elementor-button-link :is(svg, svg *, path, rect, circle, line, polyline, polygon) {
  fill: #0e0e0e !important;
  stroke: #0e0e0e !important;
}

.elementor .elementor-button.elementor-size-md.elementor-button-link::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2.3px;
  background: linear-gradient(135deg,
    rgba(255,255,255,.98) 0%,
    rgba(255,255,255,.64) 24%,
    rgba(255,255,255,.28) 44%,
    rgba(0,0,0,.16) 64%,
    rgba(255,255,255,.42) 84%,
    rgba(255,255,255,.82) 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  box-shadow: 0 0 0 1px rgba(255,255,255,.26),
    0 10px 24px -16px rgba(0,0,0,.48);
}

.elementor .elementor-button.elementor-size-md.elementor-button-link::after {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: inherit;
  background: linear-gradient(120deg, transparent 43%, rgba(255,255,255,.46) 50%, transparent 57%),
    linear-gradient(180deg, rgba(255,255,255,.32), transparent 120px),
    linear-gradient(45deg, rgba(255,255,255,.12), transparent 60%);
  background-size: 240% 240%, auto, auto;
  background-position: -150% 0, 0 0, 0 0;
  mix-blend-mode: soft-light;
  pointer-events: none;
  transition: background-position .9s cubic-bezier(.2,.7,.2,1);
}

.elementor .elementor-button.elementor-size-md.elementor-button-link:hover {
  transform: translateY(-1px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.88),
    inset 0 -1px 0 rgba(0,0,0,.12),
    0 20px 44px -22px rgba(0,0,0,.60);
  filter: brightness(1.05);
}

.elementor .elementor-button.elementor-size-md.elementor-button-link:hover::after {
  background-position: 150% 0, 0 0, 0 0;
}

.elementor .elementor-button.elementor-size-md.elementor-button-link:active {
  transform: translateY(0);
  filter: brightness(.99);
}

.elementor .elementor-button.elementor-size-md.elementor-button-link:focus-visible {
  outline: 0;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.90),
    0 0 0 2px rgba(255,255,255,.45),
    0 0 0 6px rgba(255,255,255,.20);
}

.elementor .elementor-button.elementor-size-md.elementor-button-link[disabled], .elementor .elementor-button.elementor-size-md.elementor-button-link[aria-disabled="true"] {
  cursor: not-allowed;
  pointer-events: none;
  color: rgba(14,14,14,.55) !important;
  background: radial-gradient(120% 150% at 12% 0%, rgba(255,255,255,.46) 0 22%, rgba(255,255,255,.12) 60%),
    linear-gradient(165deg, rgba(255,255,255,.80), rgba(255,255,255,.62));
  border-color: rgba(255,255,255,.52);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 -1px 0 rgba(0,0,0,.10),
    0 8px 18px -14px rgba(0,0,0,.45);
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  .elementor .elementor-button.elementor-size-md.elementor-button-link {
    background: linear-gradient(165deg, #f6f6f6, #ececec);
  }

  /* Fin — custom.css digiouest.com */
}

:root {
  --btns-blur: 28px;
}

.elementor :is(a,button).elementor-button-link.elementor-button.elementor-size-sm, .elementor :is(a,button).elementor-button.elementor-size-sm.elementor-button-link, .elementor :is(a,button).elementor-button-link.elementor-size-sm, .elementor :is(a,button).elementor-button.elementor-size-sm {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55em;
  padding: .9em 1.25em;
  min-height: 42px;
  border-radius: 9999px;
  text-decoration: none;
  text-align: center;
  font: 600 .94rem/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  letter-spacing: .2px;
  cursor: pointer;
  color: #fff !important;
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0) 60%),
    linear-gradient(160deg, rgba(0,0,0,.98), rgba(0,0,0,.74)) !important;
  backdrop-filter: blur(calc(var(--btns-blur)*.85)) saturate(122%);
  -webkit-backdrop-filter: blur(calc(var(--btns-blur)*.85)) saturate(122%);
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(0,0,0,.62),
    0 12px 26px -16px rgba(0,0,0,.70);
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}

.elementor :is(a,button).elementor-button-link.elementor-button.elementor-size-sm :is(.elementor-button-text, .elementor-button-icon, i), .elementor :is(a,button).elementor-button.elementor-size-sm :is(.elementor-button-text, .elementor-button-icon, i) {
  color: #fff !important;
}

.elementor :is(a,button).elementor-button-link.elementor-button.elementor-size-sm :is(svg, svg *, path, rect, circle, line, polyline, polygon), .elementor :is(a,button).elementor-button.elementor-size-sm :is(svg, svg *, path, rect, circle, line, polyline, polygon) {
  fill: #fff !important;
  stroke: #fff !important;
}

.elementor :is(a,button).elementor-button-link.elementor-button.elementor-size-sm::before, .elementor :is(a,button).elementor-button.elementor-size-sm.elementor-button-link::before, .elementor :is(a,button).elementor-button-link.elementor-size-sm::before, .elementor :is(a,button).elementor-button.elementor-size-sm::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2.1px;
  background: linear-gradient(135deg,
      rgba(255,255,255,.62) 0%,
      rgba(255,255,255,.26) 26%,
      rgba(0,0,0,.98) 56%,
      rgba(0,0,0,.80) 72%,
      rgba(255,255,255,.28) 90%,
      rgba(255,255,255,.60) 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  box-shadow: 0 0 0 1px rgba(255,255,255,.07),
    0 12px 26px -18px rgba(0,0,0,.58);
}

.elementor :is(a,button).elementor-button-link.elementor-button.elementor-size-sm::after, .elementor :is(a,button).elementor-button.elementor-size-sm.elementor-button-link::after, .elementor :is(a,button).elementor-button-link.elementor-size-sm::after, .elementor :is(a,button).elementor-button.elementor-size-sm::after {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: inherit;
  background: linear-gradient(120deg, transparent 46%, rgba(255,255,255,.24) 50%, transparent 54%),
    linear-gradient(180deg, rgba(255,255,255,.12), transparent 100px),
    linear-gradient(45deg, rgba(255,255,255,.06), transparent 60%);
  background-size: 230% 230%, auto, auto;
  background-position: -150% 0, 0 0, 0 0;
  mix-blend-mode: soft-light;
  pointer-events: none;
  transition: background-position .9s cubic-bezier(.2,.7,.2,1);
}

.elementor :is(a,button).elementor-button-link.elementor-button.elementor-size-sm:hover, .elementor :is(a,button).elementor-button.elementor-size-sm.elementor-button-link:hover, .elementor :is(a,button).elementor-button-link.elementor-size-sm:hover, .elementor :is(a,button).elementor-button.elementor-size-sm:hover {
  transform: translateY(-1px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -1px 0 rgba(0,0,0,.66),
    0 18px 38px -20px rgba(0,0,0,.78);
  filter: brightness(1.02);
}

.elementor :is(a,button).elementor-button-link.elementor-button.elementor-size-sm:hover::after, .elementor :is(a,button).elementor-button.elementor-size-sm.elementor-button-link:hover::after, .elementor :is(a,button).elementor-button-link.elementor-size-sm:hover::after, .elementor :is(a,button).elementor-button.elementor-size-sm:hover::after {
  background-position: 150% 0, 0 0, 0 0;
}

.elementor :is(a,button).elementor-button-link.elementor-button.elementor-size-sm:active, .elementor :is(a,button).elementor-button.elementor-size-sm.elementor-button-link:active, .elementor :is(a,button).elementor-button-link.elementor-size-sm:active, .elementor :is(a,button).elementor-button.elementor-size-sm:active {
  transform: translateY(0);
  filter: brightness(.98);
}

.elementor :is(a,button).elementor-button-link.elementor-button.elementor-size-sm:focus-visible, .elementor :is(a,button).elementor-button.elementor-size-sm.elementor-button-link:focus-visible, .elementor :is(a,button).elementor-button-link.elementor-size-sm:focus-visible, .elementor :is(a,button).elementor-button.elementor-size-sm:focus-visible {
  outline: 0;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.24),
    0 0 0 2px rgba(255,255,255,.18),
    0 0 0 6px rgba(255,255,255,.08);
}

.elementor :is(a,button).elementor-button-link.elementor-button.elementor-size-sm[disabled], .elementor :is(a,button).elementor-button.elementor-size-sm.elementor-button-link[disabled], .elementor :is(a,button).elementor-button-link.elementor-size-sm[disabled], .elementor :is(a,button).elementor-button.elementor-size-sm[disabled], .elementor :is(a,button).elementor-button-link.elementor-button.elementor-size-sm[aria-disabled="true"], .elementor :is(a,button).elementor-button.elementor-size-sm.elementor-button-link[aria-disabled="true"], .elementor :is(a,button).elementor-button-link.elementor-size-sm[aria-disabled="true"], .elementor :is(a,button).elementor-button.elementor-size-sm[aria-disabled="true"] {
  cursor: not-allowed;
  pointer-events: none;
  color: rgba(255,255,255,.75) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.08), transparent 60%),
    linear-gradient(160deg, rgba(12,12,12,.94), rgba(12,12,12,.66)) !important;
  border-color: rgba(255,255,255,.10) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -1px 0 rgba(0,0,0,.55),
    0 6px 16px -12px rgba(0,0,0,.55);
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  .elementor :is(a,button).elementor-button-link.elementor-button.elementor-size-sm, .elementor :is(a,button).elementor-button.elementor-size-sm.elementor-button-link, .elementor :is(a,button).elementor-button-link.elementor-size-sm, .elementor :is(a,button).elementor-button.elementor-size-sm {
    background: linear-gradient(160deg, #0b0b0b, #121212 50%, #1a1a1a) !important;
  }

  /* Fin — custom.css digiouest.com */
}

@media (max-width: 768px) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  .elementor-2020201 .elementor-element.elementor-element-4878571 > .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    isolation: isolate !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, rgba(255,255,255,0.18), rgba(255,255,255,0.08)) !important;
    -webkit-backdrop-filter: blur(12px) saturate(135%) !important;
    backdrop-filter: blur(12px) saturate(135%) !important;
    border: 1px solid transparent !important;
    box-shadow: 0 8px 20px rgba(10,14,25,0.18), inset 0 0 0 1px rgba(255,255,255,0.05) !important;
    color: #fff !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-4878571 > .elementor-widget-container::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1.25px;
    background: linear-gradient(135deg, rgba(255,255,255,0.70), rgba(255,255,255,0.22));
    -webkit-backdrop-filter: blur(8px) saturate(140%);
    backdrop-filter: blur(8px) saturate(140%);
    -webkit-mask: linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 0;
  }

  .elementor-2020201 .elementor-element.elementor-element-4878571 > .elementor-widget-container::after {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    z-index: -1;
    background: radial-gradient(900px 500px at 10% -10%, rgba(255,255,255,0.12), transparent 60%),
        radial-gradient(700px 400px at 100% 110%, rgba(200,230,255,0.08), transparent 60%);
    filter: blur(16px);
    pointer-events: none;
  }

  .elementor-2020201 .elementor-element.elementor-element-4878571 > .elementor-widget-container a {
    color: #fff !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-4878571 > .elementor-widget-container i {
    color: #fff !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-4878571 > .elementor-widget-container .elementor-icon {
    color: #fff !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-4878571 > .elementor-widget-container svg {
    display: block;
  }

  .elementor-2020201 .elementor-element.elementor-element-4878571 > .elementor-widget-container svg path {
    fill: currentColor !important;
    stroke: currentColor !important;
    color: #fff !important;
  }

  /* Fin — custom.css digiouest.com */
}

@supports not ((-webkit-backdrop-filter: blur(8px)) or (backdrop-filter: blur(8px))) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  @media (max-width: 768px) {
    /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
       - Ordre des règles conservé (cascade intacte)
       - Doublons internes à un bloc supprimés
       - Commentaires d'origine retirés
    */

    .elementor-2020201 .elementor-element.elementor-element-4878571 > .elementor-widget-container {
      background: rgba(255,255,255,0.88) !important;
      border: 1px solid rgba(255,255,255,0.60) !important;
      box-shadow: 0 8px 20px rgba(10,14,25,0.16) !important;
      border-radius: 14px !important;
    }

    /* Fin — custom.css digiouest.com */
  }

  /* Fin — custom.css digiouest.com */
}

@media (max-width: 768px) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  .elementor-2020201 .elementor-element.elementor-element-4878571 {
    position: relative !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-4878571 .elementor-nav--dropdown {
    font-family: "Poppins", Poppins !important;
    font-weight: 600 !important;
    background: linear-gradient(135deg, rgba(255,255,255,0.18), rgba(255,255,255,0.08)) !important;
    -webkit-backdrop-filter: blur(12px) saturate(135%) !important;
    backdrop-filter: blur(12px) saturate(135%) !important;
    border: 1px solid rgba(255,255,255,0.55) !important;
    border-radius: 14px !important;
    box-shadow: 0 10px 24px rgba(10,14,25,0.22), inset 0 0 0 1px rgba(255,255,255,0.05) !important;
    color: #fff !important;
    position: absolute !important;
    top: calc(100% + -8px) !important;
    right: 0 !important;
    left: auto !important;
    transform: none !important;
    transform-origin: top right !important;
    z-index: 9999 !important;
    width: max-content !important;
    min-width: 180px !important;
    max-width: min(92vw, 360px) !important;
    overflow: hidden !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-4878571 .elementor-nav--dropdown a, .elementor-2020201 .elementor-element.elementor-element-4878571 .elementor-nav--dropdown .elementor-item {
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    gap: .6rem !important;
    padding: 12px 14px !important;
    text-decoration: none !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-4878571 .elementor-nav--dropdown i, .elementor-2020201 .elementor-element.elementor-element-4878571 .elementor-nav--dropdown .eicon, .elementor-2020201 .elementor-element.elementor-element-4878571 .elementor-nav--dropdown svg {
    color: #fff !important;
    fill: #fff !important;
    stroke: #fff !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-4878571 .elementor-nav--dropdown svg path {
    fill: #fff !important;
    stroke: #fff !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-4878571 .elementor-nav--dropdown .elementor-item:focus-visible, .elementor-2020201 .elementor-element.elementor-element-4878571 .elementor-nav--dropdown .elementor-item.elementor-item-active {
    outline: none !important;
    background: linear-gradient(135deg, rgba(255,255,255,0.24), rgba(255,255,255,0.12)) !important;
    -webkit-backdrop-filter: blur(12px) saturate(140%) !important;
    backdrop-filter: blur(12px) saturate(140%) !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-4878571 .elementor-nav--dropdown .menu-item:not(:last-child) {
    border-bottom: 1px solid rgba(255,255,255,0.12) !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-4878571 .elementor-nav--dropdown .sub-menu {
    background: linear-gradient(135deg, rgba(255,255,255,0.16), rgba(255,255,255,0.07)) !important;
    -webkit-backdrop-filter: blur(10px) saturate(130%) !important;
    backdrop-filter: blur(10px) saturate(130%) !important;
    border-top: 1px solid rgba(255,255,255,0.10) !important;
    border-radius: 0 0 12px 12px !important;
    overflow: hidden !important;
  }

  /* Fin — custom.css digiouest.com */
}

@supports not ((-webkit-backdrop-filter: blur(8px)) or (backdrop-filter: blur(8px))) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  @media (max-width: 768px) {
    /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
       - Ordre des règles conservé (cascade intacte)
       - Doublons internes à un bloc supprimés
       - Commentaires d'origine retirés
    */

    .elementor-2020201 .elementor-element.elementor-element-4878571 .elementor-nav--dropdown {
      background: rgba(255,255,255,0.88) !important;
      border: 1px solid rgba(255,255,255,0.60) !important;
      border-radius: 14px !important;
      color: #0b1220 !important;
      right: 0 !important;
      left: auto !important;
      transform: none !important;
    }

    .elementor-2020201 .elementor-element.elementor-element-4878571 .elementor-nav--dropdown a {
      color: #0b1220 !important;
    }

    /* Fin — custom.css digiouest.com */
  }

  /* Fin — custom.css digiouest.com */
}

@media (max-width: 768px) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  .elementor-2020201 .elementor-element.elementor-element-4878571, .elementor-2020201 .elementor-element.elementor-element-4878571 > .elementor-widget-container {
    position: relative !important;
    z-index: 300 !important;
    overflow: visible !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-4878571 .elementor-nav--dropdown {
    position: absolute !important;
    z-index: 300 !important;
  }

  .elementor-2020201 .elementor-section:has(.elementor-element.elementor-element-4878571), .elementor-2020201 .elementor-container:has(.elementor-element.elementor-element-4878571), .elementor-2020201 .elementor-column:has(.elementor-element.elementor-element-4878571), .elementor-2020201 .elementor-widget-wrap:has(.elementor-element.elementor-element-4878571) {
    position: relative !important;
    overflow: visible !important;
    z-index: 900 !important;
  }

  /* Fin — custom.css digiouest.com */
}

@media (min-width:769px) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  .elementor-2020201 .elementor-element.elementor-element-4878571 {
    --pad-x: 16px;
    --item-h: 44px;
    --caret: 1.15em;
    position: relative !important;
    z-index: 2147483647 !important;
  }

  .elementor-2020201 .elementor-section:has(.elementor-element-4878571), .elementor-2020201 .elementor-container:has(.elementor-element-4878571), .elementor-2020201 .elementor-column:has(.elementor-element-4878571), .elementor-2020201 .elementor-widget-wrap:has(.elementor-element-4878571) {
    position: relative !important;
    overflow: visible !important;
    z-index: 2147483646 !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-4878571 > .elementor-widget-container {
    position: relative !important;
    overflow: visible !important;
    z-index: 2147483646 !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-4878571 .elementor-nav--layout-horizontal .elementor-nav--main {
    align-items: center !important;
    gap: .4rem !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-4878571 .elementor-nav--main > li > a {
    display: flex !important;
    align-items: center !important;
    gap: .55rem !important;
    min-height: var(--item-h) !important;
    padding: 12px var(--pad-x) !important;
    line-height: 1.2 !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-4878571 .elementor-nav--main li.menu-item-has-children {
    position: relative !important;
    z-index: 2147483646 !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-4878571 .elementor-nav--main li.menu-item-has-children > ul.sub-menu {
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    left: auto !important;
    display: block !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(8px) !important;
    transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s !important;
    background: linear-gradient(135deg, rgba(255,255,255,0.18), rgba(255,255,255,0.08)) !important;
    -webkit-backdrop-filter: blur(12px) saturate(135%) !important;
    backdrop-filter: blur(12px) saturate(135%) !important;
    border: 1px solid transparent !important;
    border-radius: 14px !important;
    box-shadow: 0 18px 40px rgba(10,14,25,0.22),
                  inset 0 0 0 1px rgba(255,255,255,0.05) !important;
    min-width: 220px !important;
    overflow: hidden !important;
    color: #fff !important;
    z-index: 2147483646 !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-4878571 .elementor-nav--main li.menu-item-has-children > ul.sub-menu::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    padding: 1.6px;
    background: linear-gradient(135deg, rgba(255,255,255,.70), rgba(255,255,255,.22));
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
  }

  .elementor-2020201 .elementor-element.elementor-element-4878571 .elementor-nav--main li.menu-item-has-children:hover > ul.sub-menu, .elementor-2020201 .elementor-element.elementor-element-4878571 .elementor-nav--main li.menu-item-has-children > ul.sub-menu:hover {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-4878571 .elementor-nav--main ul.sub-menu li.menu-item-has-children {
    position: relative !important;
    z-index: 2147483646 !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-4878571 .elementor-nav--main ul.sub-menu li.menu-item-has-children > ul.sub-menu {
    position: absolute !important;
    top: 0 !important;
    left: calc(100% + 10px) !important;
    right: auto !important;
    display: block !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(6px) !important;
    transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s !important;
    background: linear-gradient(135deg, rgba(255,255,255,0.18), rgba(255,255,255,0.08)) !important;
    -webkit-backdrop-filter: blur(12px) saturate(135%) !important;
    backdrop-filter: blur(12px) saturate(135%) !important;
    border: 1px solid transparent !important;
    border-radius: 12px !important;
    box-shadow: 0 16px 36px rgba(10,14,25,0.22), inset 0 0 0 1px rgba(255,255,255,0.05) !important;
    min-width: 200px !important;
    overflow: hidden !important;
    color: #fff !important;
    z-index: 2147483646 !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-4878571 .elementor-nav--main ul.sub-menu li.menu-item-has-children:hover > ul.sub-menu, .elementor-2020201 .elementor-element.elementor-element-4878571 .elementor-nav--main ul.sub-menu li.menu-item-has-children > ul.sub-menu:hover {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-4878571 .elementor-nav--main ul.sub-menu li.menu-item-has-children > ul.sub-menu::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    padding: 1.4px;
    background: linear-gradient(135deg, rgba(255,255,255,.70), rgba(255,255,255,.22));
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
  }

  .elementor-2020201 .elementor-element.elementor-element-4878571 .elementor-nav--main ul.sub-menu > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    box-sizing: border-box !important;
    min-height: var(--item-h) !important;
    padding: 12px var(--pad-x) !important;
    line-height: 1.2 !important;
    text-align: left !important;
    color: #fff !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-4878571 .elementor-nav--main ul.sub-menu > li:not(:last-child) {
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-4878571 .elementor-nav--main ul.sub-menu > li > a:hover, .elementor-2020201 .elementor-element.elementor-element-4878571 .elementor-nav--main ul.sub-menu > li > a:focus-visible {
    background: linear-gradient(135deg, rgba(255,255,255,0.24), rgba(255,255,255,0.12)) !important;
    outline: 0 !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-4878571 li.menu-item-has-children > :not(a):is(.sub-arrow, [class*="arrow"], [class*="caret"], i, svg, span), .elementor-2020201 .elementor-element.elementor-element-4878571 li.menu-item-has-children > a:after {
    display: none !important;
    content: none !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-4878571 .elementor-nav--main > li.menu-item-has-children > a {
    padding-right: calc(var(--pad-x) + var(--caret)) !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23ffffff' d='M7 10l5 5 5-5'/></svg>");
    background-repeat: no-repeat;
    background-position: right var(--pad-x) center;
    background-size: var(--caret) var(--caret);
    color: #fff !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-4878571 .elementor-nav--main ul.sub-menu li.menu-item-has-children > a {
    padding-right: calc(var(--pad-x) + var(--caret)) !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23ffffff' d='M10 7l5 5-5 5'/></svg>");
    background-repeat: no-repeat;
    background-position: right var(--pad-x) center;
    background-size: var(--caret) var(--caret);
    color: #fff !important;
  }

  /* Fin — custom.css digiouest.com */
}

@supports not ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  @media (min-width:769px) {
    /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
       - Ordre des règles conservé (cascade intacte)
       - Doublons internes à un bloc supprimés
       - Commentaires d'origine retirés
    */

    .elementor-2020201 .elementor-element.elementor-element-4878571 .elementor-nav--main ul.sub-menu {
      background: rgba(255,255,255,.92) !important;
      border: 1px solid rgba(0,0,0,.06) !important;
      color: #0b1220 !important;
    }

    .elementor-2020201 .elementor-element.elementor-element-4878571 .elementor-nav--main ul.sub-menu > li > a {
      color: #0b1220 !important;
    }

    /* Fin — custom.css digiouest.com */
  }

  /* Fin — custom.css digiouest.com */
}

:root {
  --gl-radius: 20px;
  --gl-blur: clamp(10px, 2vw, 18px);
  --gl-sat: 140%;
  --gl-ring: 1.6px;
  --gl-w1: 0.22;
  --gl-w2: 0.10;
  --gl-border-on-dark: rgba(255,255,255,0.08);
  --gl-border-on-light: rgba(0,0,0,0.08);
}

.elementor-1020201 .elementor-element.elementor-element-e03fcab:not(.elementor-motion-effects-element-type-background) > .elementor-column-wrap, .elementor-1020201 .elementor-element.elementor-element-e03fcab > .elementor-column-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  border-radius: var(--gl-radius) !important;
  will-change: transform, backdrop-filter;
  background: linear-gradient(135deg, rgba(255,255,255,var(--gl-w1)), rgba(255,255,255,var(--gl-w2))) !important;
  -webkit-backdrop-filter: blur(var(--gl-blur)) saturate(var(--gl-sat)) !important;
  backdrop-filter: blur(var(--gl-blur)) saturate(var(--gl-sat)) !important;
  border: 1px solid var(--gl-border-on-dark) !important;
  box-shadow: 0 20px 44px rgba(10,14,25,0.24),
    inset 0 0 0 1px rgba(255,255,255,0.05) !important;
  color: #fff;
}

.elementor-1020201 .elementor-element.elementor-element-e03fcab:not(.elementor-motion-effects-element-type-background) > .elementor-column-wrap::before, .elementor-1020201 .elementor-element.elementor-element-e03fcab > .elementor-column-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  padding: var(--gl-ring);
  background: linear-gradient(135deg,
      rgba(255,255,255,0.85) 0%,
      rgba(255,255,255,0.42) 35%,
      rgba(255,255,255,0.18) 68%,
      rgba(0,0,0,0.28) 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.elementor-1020201 .elementor-element.elementor-element-e03fcab:not(.elementor-motion-effects-element-type-background) > .elementor-column-wrap::after, .elementor-1020201 .elementor-element.elementor-element-e03fcab > .elementor-column-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer::after {
  content: "";
  position: absolute;
  inset: calc(var(--gl-ring) + 1px);
  border-radius: calc(var(--gl-radius) - var(--gl-ring) - 1px);
  background: linear-gradient(180deg, rgba(255,255,255,0.20), rgba(255,255,255,0) 140px),
    radial-gradient(45% 50% at 90% 85%, rgba(255,255,255,0.12), transparent 60%),
    repeating-linear-gradient(0deg, rgba(255,255,255,0.04) 0 1px, transparent 1px 14px),
    repeating-linear-gradient(90deg, rgba(255,255,255,0.03) 0 1px, transparent 1px 18px);
  mix-blend-mode: soft-light;
  opacity: .85;
  pointer-events: none;
}

@media (hover:hover) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  .elementor-1020201 .elementor-element.elementor-element-e03fcab:not(.elementor-motion-effects-element-type-background) > .elementor-column-wrap:hover, .elementor-1020201 .elementor-element.elementor-element-e03fcab > .elementor-column-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer:hover {
    transform: translateY(-1px);
    box-shadow: 0 26px 60px rgba(10,14,25,0.28),
        inset 0 0 0 1px rgba(255,255,255,0.10) !important;
    transition: transform .25s ease, box-shadow .25s ease;
  }

  /* Fin — custom.css digiouest.com */
}

body:is(.is-light, .light-theme) .elementor-1020201 .elementor-element.elementor-element-e03fcab .elementor-column-wrap, html[data-theme="light"] .elementor-1020201 .elementor-element.elementor-element-e03fcab .elementor-column-wrap {
  --gl-w1: 0.55;
  --gl-w2: 0.32;
  --gl-border-on-dark: var(--gl-border-on-light);
  color: #0b1220;
}

body:is(.is-light, .light-theme) .elementor-1020201 .elementor-element.elementor-element-e03fcab .elementor-column-wrap::before, html[data-theme="light"] .elementor-1020201 .elementor-element.elementor-element-e03fcab .elementor-column-wrap::before {
  background: linear-gradient(135deg,
      rgba(255,255,255,0.65) 0%,
      rgba(0,0,0,0.10) 55%,
      rgba(0,0,0,0.22) 100%);
}

@media (prefers-color-scheme: dark) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  .elementor-1020201 .elementor-element.elementor-element-e03fcab .elementor-column-wrap {
    --gl-w1: 0.22;
    --gl-w2: 0.10;
  }

  /* Fin — custom.css digiouest.com */
}

@media (min-width:768px) and (max-width:1024.98px) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  :root {
    --gl-blur: 14px;
    --gl-ring: 1.4px;
    --gl-w1: 0.28;
    --gl-w2: 0.14;
  }

  .elementor-1020201 .elementor-element.elementor-element-e03fcab .elementor-column-wrap {
    box-shadow: 0 18px 40px rgba(10,14,25,0.22),
        inset 0 0 0 1px rgba(255,255,255,0.06) !important;
  }

  /* Fin — custom.css digiouest.com */
}

@media (max-width: 767.98px) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  :root {
    --gl-ring: 1.2px;
    --gl-blur: 12px;
    --gl-w1: 0.35;
    --gl-w2: 0.20;
  }

  .elementor-1020201 .elementor-element.elementor-element-e03fcab .elementor-column-wrap {
    box-shadow: 0 14px 28px rgba(10,14,25,0.20),
        inset 0 0 0 1px rgba(255,255,255,0.08) !important;
    border-radius: calc(var(--gl-radius) - 2px) !important;
  }

  /* Fin — custom.css digiouest.com */
}

@media (prefers-reduced-transparency: reduce) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  :root {
    --gl-blur: 8px;
    --gl-w1: 0.45;
    --gl-w2: 0.30;
  }

  /* Fin — custom.css digiouest.com */
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  .elementor-1020201 .elementor-element.elementor-element-e03fcab:not(.elementor-motion-effects-element-type-background) > .elementor-column-wrap, .elementor-1020201 .elementor-element.elementor-element-e03fcab > .elementor-column-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background: linear-gradient(135deg, rgba(255,255,255,0.92), rgba(255,255,255,0.82)) !important;
    border: 1px solid rgba(0,0,0,0.06) !important;
    box-shadow: 0 18px 40px rgba(10,14,25,0.20) !important;
    color: #0b1220;
  }

  /* Fin — custom.css digiouest.com */
}

.elementor-1020201 .elementor-element.elementor-element-e03fcab :is(.elementor-column-wrap, .elementor-motion-effects-container > .elementor-motion-effects-layer) {
  color: #fff !important;
}

.elementor-1020201 .elementor-element.elementor-element-e03fcab :is(p, span, li, a, small, strong, em, label, h1, h2, h3, h4, h5, h6) {
  color: #fff !important;
  text-decoration-color: rgba(255,255,255,.6) !important;
}

.elementor-1020201 .elementor-element.elementor-element-e03fcab :is(i, .eicon, .elementor-icon, svg) {
  color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important;
}

@media (max-width: 640px) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  #blog_list_1-7 .block_cont, .prestablog .block_cont {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: 0 8px 16px rgba(0,0,0,0.18) !important;
  }

  #blog_list_1-7 .date_blog-cat, .prestablog .date_blog-cat, #blog_list_1-7 .star_content, .prestablog .star_content {
    background: rgba(32,32,32,0.65) !important;
    border-color: rgba(255,255,255,0.12) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  .your-slider-class, .your-slider-class * {
    background-attachment: scroll !important;
  }

  .your-slider-class .slide {
    will-change: transform !important;
    transform: translateZ(0);
  }

  /* Fin — custom.css digiouest.com */
}

.page-my-account #content .links a span.link-item {
  box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, .2);
  border: 2px solid rgb(255 255 255);
  padding: 50px;
  background-color: #0084c9;
  color: white;
}

.page-my-account #content .links a:hover i {
  color: #ffffff;
}

body .btn-primary, body .btn-primary.disabled, body .btn-primary:disabled, body .btn-primary.disabled {
  background: #0084c9;
  color: #ffffff;
  border-color: #0084c9;
  padding: 20px;
}

.page-my-account #content .links a span.link-item {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  border-radius: 20px !important;
  color: #fff !important;
  text-align: center !important;
  text-decoration: none !important;
  z-index: 0 !important;
}

.page-my-account #content .links a span.link-item::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0,0,0,.92) 0%, rgba(7,7,9,.88) 48%, rgba(10,10,12,.82) 100%),
    radial-gradient(120% 140% at 8% 0%, rgba(255,255,255,.10) 0 16%, transparent 58%);
  -webkit-backdrop-filter: blur(16px) saturate(130%);
  backdrop-filter: blur(16px) saturate(130%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -1px 0 rgba(0,0,0,.65);
  opacity: .98;
  z-index: -1 !important;
}

.page-my-account #content .links a span.link-item::after {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(120deg, transparent 45%, rgba(255,255,255,.16) 50%, transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.10), transparent 140px),
    linear-gradient(45deg, rgba(255,255,255,.04), transparent 60%);
  background-size: 220% 220%, auto, auto;
  background-position: -150% 0, 0 0, 0 0;
  mix-blend-mode: soft-light;
  transition: background-position .8s cubic-bezier(.2,.7,.2,1);
  opacity: .95;
  z-index: -1 !important;
}

.page-my-account #content .links a span.link-item, .page-my-account #content .links a span.link-item * {
  color: #fff !important;
}

.page-my-account #content .links a span.link-item :is(i, .icon, .material-icons, .fa, .fas, .far, .fal, .fab) {
  display: inline-block !important;
  color: #fff !important;
  vertical-align: middle !important;
  line-height: 1 !important;
  position: relative !important;
  z-index: 1 !important;
}

.page-my-account #content .links a span.link-item :is(svg, svg *, path) {
  fill: #fff !important;
  stroke: #fff !important;
}

.page-my-account #content .links a span.link-item .material-icons {
  font-feature-settings: "liga" 1;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
}

.page-my-account #content .links a:hover span.link-item::after, .page-my-account #content .links a:focus-visible span.link-item::after {
  background-position: 150% 0, 0 0, 0 0;
}

@media (max-width: 640px) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  .page-my-account #content .links a span.link-item {
    padding: clamp(22px, 6vw, 36px) !important;
    border-radius: 18px !important;
  }

  /* Fin — custom.css digiouest.com */
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  .page-my-account #content .links a span.link-item::before {
    background: linear-gradient(180deg, rgba(0,0,0,.92), rgba(8,8,10,.86)),
        radial-gradient(120% 140% at 8% 0%, rgba(255,255,255,.08) 0 18%, transparent 60%);
  }

  /* Fin — custom.css digiouest.com */
}

.btn.btn-primary {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .55em !important;
  padding: .9em 1.6em !important;
  min-height: 44px !important;
  border-radius: 9999px !important;
  border: 2px solid transparent !important;
  color: #fff !important;
  text-decoration: none !important;
  cursor: pointer !important;
  background: linear-gradient(180deg, rgba(0,0,0,.96) 0%, rgba(10,10,12,.84) 100%) padding-box,
    
    linear-gradient(135deg, rgba(255,255,255,.65),
                           rgba(255,255,255,.25) 30%,
                           rgba(0,0,0,.35) 55%,
                           rgba(255,255,255,.28) 85%,
                           rgba(255,255,255,.70)) border-box !important;
  -webkit-backdrop-filter: blur(16px) saturate(130%) !important;
  backdrop-filter: blur(16px) saturate(130%) !important;
  transition: transform .16s ease, filter .16s ease, background .16s ease !important;
  z-index: 0 !important;
}

.btn.btn-primary::after {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(120deg, transparent 46%, rgba(255,255,255,.22) 50%, transparent 54%),
    linear-gradient(180deg, rgba(255,255,255,.12), transparent 110px);
  background-size: 220% 220%, auto;
  background-position: -150% 0, 0 0;
  mix-blend-mode: soft-light;
  transition: background-position .9s cubic-bezier(.2,.7,.2,1);
  z-index: -1;
}

.btn.btn-primary, .btn.btn-primary :is(.material-icons, .fa, .fas, .far, .fal, .fab, i, svg, svg *, path) {
  color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important;
}

.btn.btn-primary:hover, .btn.btn-primary:focus-visible {
  transform: translateY(-1px);
  outline: 0 !important;
}

.btn.btn-primary:hover::after, .btn.btn-primary:focus-visible::after {
  background-position: 150% 0, 0 0;
}

.btn.btn-primary:active {
  transform: translateY(0);
  filter: brightness(.98);
}

.btn.btn-primary:disabled, .btn.btn-primary[disabled], .btn.btn-primary[aria-disabled="true"] {
  cursor: not-allowed !important;
  filter: grayscale(.1) brightness(.95);
}

.btn.btn-primary:hover, .btn.btn-primary:focus-visible {
  background: linear-gradient(180deg, rgba(3,102,175,.96) 0%, rgba(4,118,189,.88) 100%) padding-box,
    
    linear-gradient(135deg, rgba(4,118,189,.85),
                           rgba(4,118,189,.45) 35%,
                           rgba(255,255,255,.36) 55%,
                           rgba(3,102,175,.55) 85%,
                           rgba(4,118,189,.90)) border-box !important;
}

@media (prefers-reduced-motion: reduce) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  .btn.btn-primary:hover, .btn.btn-primary:focus-visible {
    transform: none !important;
  }

  /* Fin — custom.css digiouest.com */
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  .btn.btn-primary {
    background: linear-gradient(180deg, #0b0b0b, #141414 60%) padding-box,
        linear-gradient(135deg, rgba(255,255,255,.55),
                               rgba(255,255,255,.22) 35%,
                               rgba(0,0,0,.35) 55%,
                               rgba(255,255,255,.26) 85%,
                               rgba(255,255,255,.60)) border-box !important;
  }

  .btn.btn-primary:hover, .btn.btn-primary:focus-visible {
    background: linear-gradient(180deg, #0366af, #0476bb 60%) padding-box,
        linear-gradient(135deg, rgba(4,118,189,.85),
                               rgba(4,118,189,.45) 35%,
                               rgba(255,255,255,.36) 55%,
                               rgba(3,102,175,.55) 85%,
                               rgba(4,118,189,.90)) border-box !important;
  }

  /* Fin — custom.css digiouest.com */
}

@media (max-width: 768px) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  .elementor-2020201 .elementor-element.elementor-element-55ec495a:not(.elementor-search--skin-topbar) .elementor-search__container {
    position: relative !important;
    isolation: isolate !important;
    display: flex !important;
    align-items: center !important;
    background: linear-gradient(135deg, rgba(255,255,255,0.26), rgba(255,255,255,0.14)) !important;
    -webkit-backdrop-filter: blur(12px) saturate(140%) !important;
    backdrop-filter: blur(12px) saturate(140%) !important;
    border: 1px solid rgba(255,255,255,0.70) !important;
    border-radius: 14px !important;
    padding: 6px 8px 6px 12px !important;
    box-shadow: 0 10px 26px rgba(10,14,25,0.22), inset 0 0 0 1px rgba(255,255,255,0.06) !important;
    overflow: hidden !important;
    transition: box-shadow .25s ease, transform .16s ease !important;
    color: #fff !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-55ec495a:not(.elementor-search--skin-topbar) .elementor-search__container::before {
    content: "";
    position: absolute;
    inset: -1px;
    z-index: -1;
    background: radial-gradient(120% 120% at 20% 0%,
        rgba(255,255,255,0.30) 0%,
        rgba(200,230,255,0.18) 38%,
        rgba(255,210,245,0.14) 62%,
        transparent 100%);
    opacity: .24;
    filter: blur(16px);
  }

  .elementor-2020201 .elementor-element.elementor-element-55ec495a:not(.elementor-search--skin-topbar) .elementor-search__container:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(10,14,25,0.22), inset 0 0 0 1px rgba(255,255,255,0.08) !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-55ec495a input[type="search"].elementor-search__input {
    width: 100% !important;
    font-family: "Poppins", Poppins !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
    color: #fff !important;
    caret-color: #fff !important;
    background: transparent !important;
    border: 0 !important;
    outline: none !important;
    padding: 6px 58px 6px 2px !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-55ec495a input[type="search"].elementor-search__input::placeholder {
    color: rgba(255,255,255,0.85) !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-55ec495a .elementor-search-form__submit, .elementor-2020201 .elementor-element.elementor-element-55ec495a .elementor-search-form button[type="submit"] {
    position: absolute !important;
    right: 6px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 36px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,0.88) !important;
    color: #fff !important;
    background: linear-gradient(135deg, rgba(255,255,255,0.62), rgba(255,255,255,0.36)) !important;
    -webkit-backdrop-filter: blur(9px) saturate(150%) !important;
    backdrop-filter: blur(9px) saturate(150%) !important;
    box-shadow: 0 8px 18px rgba(10,14,25,0.22), inset 0 0 0 1px rgba(255,255,255,0.06) !important;
    cursor: pointer !important;
    transition: transform .14s ease, box-shadow .22s ease !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-55ec495a .elementor-search-form__submit i {
    color: #fff !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-55ec495a .elementor-search-form__submit svg {
    width: 18px !important;
    height: 18px !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-55ec495a .elementor-search-form__submit svg path {
    fill: #fff !important;
    stroke: #fff !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-55ec495a .elementor-search-form__submit:active {
    transform: translateY(-1px) scale(0.98) !important;
    box-shadow: 0 10px 22px rgba(10,14,25,0.24) !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-55ec495a .elementor-search__container:has(input:focus)::after {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 6px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);
    opacity: .9;
    animation: lg-sheen 1000ms ease-out forwards;
  }

  /* Fin — custom.css digiouest.com */
}

@keyframes lg-sheen {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  0% {
    opacity: 0;
    transform: translateX(-10%) scaleX(.9);
  }

  40% {
    opacity: .9;
  }

  100% {
    opacity: 0;
    transform: translateX(10%) scaleX(1);
  }

  /* Fin — custom.css digiouest.com */
}

@supports not ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  @media (max-width: 768px) {
    /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
       - Ordre des règles conservé (cascade intacte)
       - Doublons internes à un bloc supprimés
       - Commentaires d'origine retirés
    */

    .elementor-2020201 .elementor-element.elementor-element-55ec495a:not(.elementor-search--skin-topbar) .elementor-search__container {
      background: rgba(255,255,255,0.93) !important;
      border: 1px solid rgba(255,255,255,0.85) !important;
      color: #fff !important;
    }

    .elementor-2020201 .elementor-element.elementor-element-55ec495a .elementor-search-form__submit {
      background: rgba(255,255,255,0.90) !important;
      color: #fff !important;
    }

    /* Fin — custom.css digiouest.com */
  }

  /* Fin — custom.css digiouest.com */
}

@media (prefers-reduced-motion: reduce) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  .elementor-2020201 .elementor-element.elementor-element-55ec495a .elementor-search__container, .elementor-2020201 .elementor-element.elementor-element-55ec495a .elementor-search-form__submit {
    transition: none !important;
  }

  /* Fin — custom.css digiouest.com */
}

@media (max-width: 768px) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  html {
    -webkit-text-size-adjust: 100%;
  }

  .elementor-2020201 .elementor-element.elementor-element-55ec495a :is(input[type="search"], input[type="text"], textarea, select, .elementor-search__input, .elementor-search-form__submit) {
    font-size: 16px !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-55ec495a input[type="search"].elementor-search__input {
    font-size: 16px !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-55ec495a .elementor-search__container:hover {
    transform: none !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-55ec495a .elementor-search-form__submit:active {
    transform: none !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-55ec495a :is(.elementor-search__container, .elementor-search-form__submit) {
    transition: box-shadow .22s ease !important;
  }

  /* Fin — custom.css digiouest.com */
}

@media (max-width: 768px) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  .elementor-2020201 .elementor-element.elementor-element-55ec495a:not(.elementor-search--skin-topbar) .elementor-search__container {
    position: relative !important;
    overflow: visible !important;
    z-index: 1000 !important;
    --drop-gap: 8px;
  }

  .elementor-2020201 .elementor-element.elementor-element-55ec495a .elementor-search__products {
    position: absolute !important;
    top: calc(100% + var(--drop-gap, 8px)) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: min(100%, 100vw) !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 6px !important;
    z-index: 2147483647 !important;
    background: linear-gradient(135deg, rgba(0,0,0,0.82), rgba(0,0,0,0.56)) !important;
    -webkit-backdrop-filter: blur(16px) saturate(140%) contrast(108%) !important;
    backdrop-filter: blur(16px) saturate(140%) contrast(108%) !important;
    border: 1px solid rgba(255,255,255,0.20) !important;
    box-shadow: 0 14px 28px rgba(0,0,0,0.38), inset 0 0 0 1px rgba(255,255,255,0.05) !important;
    border-radius: 14px !important;
    max-height: 60vh !important;
    overflow: auto !important;
    overscroll-behavior: contain;
    color: #fff !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-55ec495a .elementor-search__products, .elementor-2020201 .elementor-element.elementor-element-55ec495a .elementor-search__products * {
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .elementor-search__products .elementor-search__product {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.14) !important;
  }

  .elementor-search__products .elementor-search__product:last-child {
    border-bottom: 0 !important;
  }

  .elementor-search__products .elementor-search__product a.elementor-search__product-link {
    display: grid !important;
    grid-template-columns: auto 1fr;
    align-items: center !important;
    gap: .6rem !important;
    padding: 10px 12px !important;
    width: 100% !important;
    text-decoration: none !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    transition: none !important;
  }

  .elementor-search__products .elementor-search__product a.elementor-search__product-link:hover, .elementor-search__products .elementor-search__product a.elementor-search__product-link:focus, .elementor-search__products .elementor-search__product a.elementor-search__product-link:focus-visible, .elementor-search__products .elementor-search__product a.elementor-search__product-link:active {
    background: transparent !important;
    outline: none !important;
    transform: none !important;
    box-shadow: none !important;
  }

  .elementor-search__products .elementor-search__product a.elementor-search__product-link img {
    grid-column: 1 / 2;
    flex: 0 0 auto !important;
    width: 56px !important;
    height: 56px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
  }

  .elementor-search__products .elementor-search__product a.elementor-search__product-link .elementor-search__product-content, .elementor-search__products .elementor-search__product a.elementor-search__product-link .elementor-search__product-text {
    grid-column: 2 / 3;
    min-width: 0 !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-55ec495a .elementor-search__product-name {
    color: #fff !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 2px 0 !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }

  .elementor-2020201 .elementor-element.elementor-element-55ec495a .elementor-search__product-description {
    color: rgba(255,255,255,0.85) !important;
    font-size: 14px !important;
    line-height: 1.2em !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }

  .elementor-search__products .elementor-search__product a.elementor-search__product-link i, .elementor-search__products .elementor-search__product a.elementor-search__product-link svg {
    color: #fff !important;
    fill: #fff !important;
    stroke: #fff !important;
    max-width: 100% !important;
  }

  .elementor-search__products .elementor-search__product a.elementor-search__product-link svg path {
    fill: currentColor !important;
    stroke: currentColor !important;
  }

  html, body {
    overflow-x: hidden !important;
  }

  /* Fin — custom.css digiouest.com */
}

@supports not ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  @media (max-width: 768px) {
    /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
       - Ordre des règles conservé (cascade intacte)
       - Doublons internes à un bloc supprimés
       - Commentaires d'origine retirés
    */

    .elementor-2020201 .elementor-element.elementor-element-55ec495a .elementor-search__products {
      background: rgba(0,0,0,0.90) !important;
      border: 1px solid rgba(255,255,255,0.20) !important;
      color: #fff !important;
    }

    .elementor-2020201 .elementor-element.elementor-element-55ec495a .elementor-search__product-name {
      color: #fff !important;
    }

    .elementor-2020201 .elementor-element.elementor-element-55ec495a .elementor-search__product-description {
      color: rgba(255,255,255,0.85) !important;
    }

    /* Fin — custom.css digiouest.com */
  }

  /* Fin — custom.css digiouest.com */
}

@media (min-width: 769px) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  .ui-autocomplete.ui-menu.elementor-search__products {
    position: absolute !important;
    width: auto !important;
    max-width: min(100%, 100vw) !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 6px !important;
    z-index: 2147483647 !important;
    list-style: none !important;
    background: linear-gradient(135deg, rgba(0,0,0,0.82), rgba(0,0,0,0.56)) !important;
    -webkit-backdrop-filter: blur(16px) saturate(140%) contrast(108%) !important;
    backdrop-filter: blur(16px) saturate(140%) contrast(108%) !important;
    border: 1px solid rgba(255,255,255,0.20) !important;
    box-shadow: 0 14px 28px rgba(0,0,0,0.38), inset 0 0 0 1px rgba(255,255,255,0.05) !important;
    border-radius: 14px !important;
    max-height: 60vh !important;
    overflow: auto !important;
    overscroll-behavior: contain;
    color: #fff !important;
  }

  .ui-autocomplete.ui-menu.elementor-search__products .ui-menu-item, .ui-autocomplete.ui-menu.elementor-search__products .ui-menu-item-wrapper {
    background: transparent !important;
    border: 0 !important;
    margin: 0 !important;
    color: #fff !important;
  }

  .ui-autocomplete.ui-menu.elementor-search__products .ui-state-active, .ui-autocomplete.ui-menu.elementor-search__products .ui-state-hover, .ui-autocomplete.ui-menu.elementor-search__products .ui-state-focus {
    background: transparent !important;
    border: 0 !important;
    color: #fff !important;
  }

  .ui-autocomplete.ui-menu.elementor-search__products, .ui-autocomplete.ui-menu.elementor-search__products * {
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .ui-autocomplete.ui-menu.elementor-search__products .elementor-search__product {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.14) !important;
  }

  .ui-autocomplete.ui-menu.elementor-search__products .elementor-search__product:last-child {
    border-bottom: 0 !important;
  }

  .ui-autocomplete.ui-menu.elementor-search__products a.elementor-search__product-link {
    display: grid !important;
    grid-template-columns: auto 1fr;
    align-items: center !important;
    gap: .6rem !important;
    padding: 10px 12px !important;
    width: 100% !important;
    text-decoration: none !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    transition: none !important;
    outline: none !important;
  }

  .ui-autocomplete.ui-menu.elementor-search__products a.elementor-search__product-link:hover, .ui-autocomplete.ui-menu.elementor-search__products a.elementor-search__product-link:focus, .ui-autocomplete.ui-menu.elementor-search__products a.elementor-search__product-link:active {
    background: transparent !important;
    transform: none !important;
    box-shadow: none !important;
  }

  .ui-autocomplete.ui-menu.elementor-search__products a.elementor-search__product-link img {
    grid-column: 1 / 2;
    flex: 0 0 auto !important;
    width: 56px !important;
    height: 56px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
  }

  .ui-autocomplete.ui-menu.elementor-search__products a.elementor-search__product-link .elementor-search__product-content, .ui-autocomplete.ui-menu.elementor-search__products a.elementor-search__product-link .elementor-search__product-text {
    grid-column: 2 / 3;
    min-width: 0 !important;
  }

  .ui-autocomplete.ui-menu.elementor-search__products .elementor-search__product-name {
    color: #fff !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 2px 0 !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }

  .ui-autocomplete.ui-menu.elementor-search__products .elementor-search__product-description {
    color: rgba(255,255,255,0.85) !important;
    font-size: 14px !important;
    line-height: 1.2em !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }

  .ui-autocomplete.ui-menu.elementor-search__products i, .ui-autocomplete.ui-menu.elementor-search__products svg {
    color: #fff !important;
    fill: #fff !important;
    stroke: #fff !important;
    max-width: 100% !important;
  }

  .ui-autocomplete.ui-menu.elementor-search__products svg path {
    fill: currentColor !important;
    stroke: currentColor !important;
  }

  /* Fin — custom.css digiouest.com */
}

@supports not ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  @media (min-width: 769px) {
    /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
       - Ordre des règles conservé (cascade intacte)
       - Doublons internes à un bloc supprimés
       - Commentaires d'origine retirés
    */

    .ui-autocomplete.ui-menu.elementor-search__products {
      background: rgba(0,0,0,0.90) !important;
      border: 1px solid rgba(255,255,255,0.20) !important;
      color: #fff !important;
    }

    /* Fin — custom.css digiouest.com */
  }

  /* Fin — custom.css digiouest.com */
}

@media (min-width:769px) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  .ui-autocomplete.ui-menu.elementor-search__products {
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,.35) transparent;
  }

  .ui-autocomplete.ui-menu.elementor-search__products::-webkit-scrollbar {
    width: 8px;
  }

  .ui-autocomplete.ui-menu.elementor-search__products::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.35);
    border-radius: 8px;
  }

  /* Fin — custom.css digiouest.com */
}

#blog_list_1-7 .blog-grid .block_top .do-date-badge {
  top: 0;
  right: 0;
  width: 82px;
  min-height: 82px;
  padding: 10px 8px;
  border-radius: 0 0 16px 16px;
  background: rgba(10,12,16,.58);
  backdrop-filter: blur(8px) saturate(140%);
  -webkit-backdrop-filter: blur(8px) saturate(140%);
  border: 1px solid rgba(255,255,255,.06);
  box-shadow: 0 0 0 2px #ff6a00,             
    0 10px 30px rgba(0,0,0,.45);
  color: #fff;
  text-align: center;
  line-height: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 5;
}

#blog_list_1-7 .blog-grid .block_top .do-date-badge .do-date-day {
  font-weight: 800;
  font-size: 30px;
  letter-spacing: .5px;
  font-variant-numeric: tabular-nums;
}

#blog_list_1-7 .blog-grid .block_top .do-date-badge .do-date-month {
  margin-top: 4px;
  font-size: 10px;
  letter-spacing: .6px;
}

@media (max-width: 480px) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  #blog_list_1-7 .blog-grid .block_top .do-date-badge {
    width: 72px;
    min-height: 72px;
    padding: 8px 6px;
    border-radius: 0 0 14px 14px;
  }

  #blog_list_1-7 .blog-grid .block_top .do-date-badge .do-date-day {
    font-size: 26px;
  }

  /* Fin — custom.css digiouest.com */
}

#blog_list_1-7 .blog-grid .block_top .do-date-badge {
  position: absolute;
  top: 0;
  right: 0;
  width: 84px;
  min-height: 84px;
  padding: 10px 8px;
  border-radius: 0 0 20px 20px;
  border-style: solid;
  border-color: transparent;
  border-width: 0 2px 2px 2px;
  background-image: linear-gradient(rgba(12,14,20,0.78), rgba(12,14,20,0.78)),   
    linear-gradient(135deg, #00c6ff 0%, #00b5ff 35%, #ff6a00 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  backdrop-filter: blur(10px) saturate(180%);
  -webkit-backdrop-filter: blur(10px) saturate(180%);
  box-shadow: 0 8px 26px rgba(0,0,0,.45),               
    inset 0 1px 0 rgba(255,255,255,.28),      
    inset 0 8px 18px rgba(255,255,255,.06);
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  line-height: 1;
  z-index: 5;
  font-family: "Poppins",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

#blog_list_1-7 .blog-grid .block_top .do-date-badge::before {
  content: "";
  position: absolute;
  top: 0;
  left: 2px;
  right: 2px;
  height: 10px;
  background: linear-gradient(180deg, rgba(255,255,255,.35), rgba(255,255,255,0));
  border-radius: 0 0 12px 12px;
  pointer-events: none;
}

#blog_list_1-7 .blog-grid .block_top .do-date-badge .do-date-day {
  font-weight: 800;
  font-size: 30px;
  letter-spacing: .5px;
  font-variant-numeric: tabular-nums;
}

#blog_list_1-7 .blog-grid .block_top .do-date-badge .do-date-month {
  margin-top: 4px;
  font-size: 10px;
  letter-spacing: .6px;
  font-weight: 600;
}

@media (max-width:480px) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  #blog_list_1-7 .blog-grid .block_top .do-date-badge {
    width: 72px;
    min-height: 72px;
    padding: 8px 6px;
    border-radius: 0 0 16px 16px;
  }

  #blog_list_1-7 .blog-grid .block_top .do-date-badge .do-date-day {
    font-size: 26px;
  }

  /* Fin — custom.css digiouest.com */
}

:root {
  --acc1: #ff7800;
  --accB1: #0171b7;
  --accB2: #0472b8;
  --badge-border-grad: linear-gradient(135deg, var(--accB1) 0%, var(--accB2) 35%, var(--acc1) 100%);
  --lg-glow: radial-gradient(120% 120% at 20% 0%,
    rgba(255,255,255,0.35) 0%, rgba(200,230,255,0.20) 38%, rgba(255,210,245,0.16) 62%, transparent 100%);
  --lg-icon-a: rgba(255,255,255,0.55);
  --lg-icon-b: rgba(255,255,255,0.28);
  --lg-icon-border: rgba(255,255,255,0.85);
}

.elementor-2020201 .elementor-element.elementor-element-2e82d442 .elementor-widget-container {
  position: relative;
  isolation: isolate;
  padding: 10px;
  border-radius: 16px;
  overflow: hidden;
  border: 2px solid transparent;
  background-image: linear-gradient(rgba(12,14,20,0.72), rgba(12,14,20,0.72)), 
    var(--badge-border-grad);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  -webkit-backdrop-filter: blur(10px) saturate(180%);
  backdrop-filter: blur(10px) saturate(180%);
  box-shadow: 0 8px 24px rgba(0,0,0,.45),
    inset 0 1px 0 rgba(255,255,255,.06);
  --_light-pad: 10px;
}

.elementor-2020201 .elementor-element.elementor-element-2e82d442 .elementor-widget-container::before {
  content: "";
  position: absolute;
  inset: -1px;
  background: var(--lg-glow);
  opacity: .28;
  filter: blur(14px);
  z-index: -1;
  border-radius: inherit;
}

.elementor-2020201 .elementor-element.elementor-element-2e82d442 .elementor-widget-container::after {
  content: "";
  position: absolute;
  left: var(--_light-pad);
  right: var(--_light-pad);
  top: 6px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.55), transparent);
  opacity: .70;
  pointer-events: none;
  z-index: 1;
  border-radius: inherit;
}

.elementor-2020201 .elementor-element.elementor-element-2e82d442.elementor-view-stacked .elementor-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  margin: 2px auto;
  border-radius: 9999px;
  border: 1px solid var(--lg-icon-border);
  background: linear-gradient(135deg, var(--lg-icon-a), var(--lg-icon-b)) !important;
  -webkit-backdrop-filter: blur(8px) saturate(140%);
  backdrop-filter: blur(8px) saturate(140%);
  box-shadow: 0 6px 14px rgba(10,14,25,0.18),
              inset 0 0 0 1px rgba(255,255,255,0.06);
  transition: transform .14s ease, box-shadow .22s ease;
}

.elementor-2020201 .elementor-element.elementor-element-2e82d442 .elementor-icon, .elementor-2020201 .elementor-element.elementor-element-2e82d442 .elementor-icon i {
  color: #fff !important;
  font-size: 16px;
  line-height: 1;
}

.elementor-2020201 .elementor-element.elementor-element-2e82d442 .elementor-icon svg {
  width: 16px;
  height: 16px;
  display: block;
  filter: none !important;
}

.elementor-2020201 .elementor-element.elementor-element-2e82d442 .elementor-icon svg path {
  fill: #fff !important;
  stroke: #fff !important;
}

.elementor-2020201 .elementor-element.elementor-element-2e82d442 .elementor-widget-container:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 30px rgba(0,0,0,.50),
    0 0 0 1px rgba(255,255,255,.07),
    0 0 22px rgba(1,113,183,.22);
  -webkit-backdrop-filter: blur(11px) saturate(190%) brightness(1.03);
  backdrop-filter: blur(11px) saturate(190%) brightness(1.03);
}

@supports not ((-webkit-backdrop-filter: blur(8px)) or (backdrop-filter: blur(8px))) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  .elementor-2020201 .elementor-element.elementor-element-2e82d442 .elementor-widget-container {
    background: #0d111a;
    border-color: #0d111a;
  }

  /* Fin — custom.css digiouest.com */
}

:root {
  --acc1: #ff7800;
  --accB1: #0171b7;
  --accB2: #0472b8;
  --badge-border-grad: linear-gradient(135deg, var(--accB1) 0%, var(--accB2) 35%, var(--acc1) 100%);
}

.elementor-2020201 .elementor-element.elementor-element-70ef7c5 .elementor-widget-container {
  position: relative;
  isolation: isolate;
  padding: 10px;
  border-radius: 16px;
  overflow: hidden;
  border: 2px solid transparent;
  background-image: linear-gradient(rgba(12,14,20,0.72), rgba(12,14,20,0.72)), 
    var(--badge-border-grad);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  -webkit-backdrop-filter: blur(10px) saturate(180%);
  backdrop-filter: blur(10px) saturate(180%);
  box-shadow: 0 8px 24px rgba(0,0,0,.45),
    inset 0 1px 0 rgba(255,255,255,.06);
  --_light-pad: 10px;
}

.elementor-2020201 .elementor-element.elementor-element-70ef7c5 .elementor-widget-container::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  background: radial-gradient(120% 120% at 20% 0%,
    rgba(255,255,255,0.35) 0%,
    rgba(200,230,255,0.20) 38%,
    rgba(255,210,245,0.16) 62%,
    transparent 100%);
  opacity: .28;
  filter: blur(14px);
  z-index: -1;
}

.elementor-2020201 .elementor-element.elementor-element-70ef7c5 .elementor-widget-container::after {
  content: "";
  position: absolute;
  border-radius: inherit;
  left: var(--_light-pad);
  right: var(--_light-pad);
  top: 6px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.55), transparent);
  opacity: .7;
  pointer-events: none;
  z-index: 1;
}

.elementor-2020201 .elementor-element.elementor-element-70ef7c5.elementor-view-stacked .elementor-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  margin: 2px auto;
  border-radius: 9999px;
  border: 1px solid rgba(255,255,255,0.85);
  background: linear-gradient(135deg, rgba(255,255,255,0.55), rgba(255,255,255,0.28)) !important;
  -webkit-backdrop-filter: blur(8px) saturate(140%);
  backdrop-filter: blur(8px) saturate(140%);
  box-shadow: 0 6px 14px rgba(10,14,25,0.18), inset 0 0 0 1px rgba(255,255,255,0.06);
  transition: transform .14s ease, box-shadow .22s ease;
  transform: rotate(0deg);
}

.elementor-2020201 .elementor-element.elementor-element-70ef7c5 .elementor-icon, .elementor-2020201 .elementor-element.elementor-element-70ef7c5 .elementor-icon i {
  color: #fff !important;
  font-size: 16px;
  line-height: 1;
}

.elementor-2020201 .elementor-element.elementor-element-70ef7c5 .elementor-icon svg {
  width: 16px;
  height: 16px;
  display: block;
  filter: none !important;
}

.elementor-2020201 .elementor-element.elementor-element-70ef7c5 .elementor-icon svg path {
  fill: #fff !important;
  stroke: #fff !important;
}

.elementor-2020201 .elementor-element.elementor-element-70ef7c5 .elementor-icon:hover {
  transform: rotate(0deg) translateY(-1px);
  box-shadow: 0 8px 18px rgba(10,14,25,0.20), inset 0 0 0 1px rgba(255,255,255,0.08);
}

.elementor-2020201 .elementor-element.elementor-element-70ef7c5 .elementor-icon:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(255,255,255,0.22), 0 8px 18px rgba(10,14,25,0.22);
}

@supports not ((-webkit-backdrop-filter: blur(8px)) or (backdrop-filter: blur(8px))) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  .elementor-2020201 .elementor-element.elementor-element-70ef7c5 .elementor-widget-container {
    background: #0d111a;
    border-color: #0d111a;
  }

  /* Fin — custom.css digiouest.com */
}

:root {
  --acc1: #ff7800;
  --accB1: #0171b7;
  --accB2: #0472b8;
  --badge-border-grad: linear-gradient(135deg, var(--accB1) 0%, var(--accB2) 35%, var(--acc1) 100%);
}

.elementor-2020201 .elementor-element.elementor-element-058a9c0 .elementor-widget-container {
  position: relative;
  isolation: isolate;
  padding: 10px;
  border-radius: 16px;
  overflow: hidden;
  border: 2px solid transparent;
  background-image: linear-gradient(rgba(12,14,20,0.72), rgba(12,14,20,0.72)), 
    var(--badge-border-grad);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  -webkit-backdrop-filter: blur(10px) saturate(180%);
  backdrop-filter: blur(10px) saturate(180%);
  box-shadow: 0 8px 24px rgba(0,0,0,.45),
    inset 0 1px 0 rgba(255,255,255,.06);
  --_light-pad: 10px;
}

.elementor-2020201 .elementor-element.elementor-element-058a9c0 .elementor-widget-container::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  background: radial-gradient(120% 120% at 20% 0%,
    rgba(255,255,255,0.35) 0%,
    rgba(200,230,255,0.20) 38%,
    rgba(255,210,245,0.16) 62%,
    transparent 100%);
  opacity: .28;
  filter: blur(14px);
  z-index: -1;
}

.elementor-2020201 .elementor-element.elementor-element-058a9c0 .elementor-widget-container::after {
  content: "";
  position: absolute;
  border-radius: inherit;
  left: var(--_light-pad);
  right: var(--_light-pad);
  top: 6px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.55), transparent);
  opacity: .7;
  pointer-events: none;
  z-index: 1;
}

.elementor-2020201 .elementor-element.elementor-element-058a9c0.elementor-view-stacked .elementor-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  margin: 2px auto;
  border-radius: 9999px;
  border: 1px solid rgba(255,255,255,0.85);
  background: linear-gradient(135deg, rgba(255,255,255,0.55), rgba(255,255,255,0.28)) !important;
  -webkit-backdrop-filter: blur(8px) saturate(140%);
  backdrop-filter: blur(8px) saturate(140%);
  box-shadow: 0 6px 14px rgba(10,14,25,0.18), inset 0 0 0 1px rgba(255,255,255,0.06);
  transition: transform .14s ease, box-shadow .22s ease;
}

.elementor-2020201 .elementor-element.elementor-element-058a9c0 .elementor-icon, .elementor-2020201 .elementor-element.elementor-element-058a9c0 .elementor-icon i {
  color: #fff !important;
  font-size: 16px;
  line-height: 1;
}

.elementor-2020201 .elementor-element.elementor-element-058a9c0 .elementor-icon svg {
  width: 16px;
  height: 16px;
  display: block;
  filter: none !important;
}

.elementor-2020201 .elementor-element.elementor-element-058a9c0 .elementor-icon svg path {
  fill: #fff !important;
  stroke: #fff !important;
}

.elementor-2020201 .elementor-element.elementor-element-058a9c0 .elementor-icon:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(10,14,25,0.20), inset 0 0 0 1px rgba(255,255,255,0.08);
}

.elementor-2020201 .elementor-element.elementor-element-058a9c0 .elementor-icon:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(255,255,255,0.22), 0 8px 18px rgba(10,14,25,0.22);
}

@supports not ((-webkit-backdrop-filter: blur(8px)) or (backdrop-filter: blur(8px))) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  .elementor-2020201 .elementor-element.elementor-element-058a9c0 .elementor-widget-container {
    background: #0d111a;
    border-color: #0d111a;
  }

  /* Fin — custom.css digiouest.com */
}

:root {
  --acc1: #ff7800;
  --accB1: #0171b7;
  --accB2: #0472b8;
  --badge-border-grad: linear-gradient(135deg, var(--accB1) 0%, var(--accB2) 35%, var(--acc1) 100%);
  --lg-glow: radial-gradient(120% 120% at 20% 0%,
    rgba(255,255,255,0.35) 0%,
    rgba(200,230,255,0.20) 38%,
    rgba(255,210,245,0.16) 62%,
    transparent 100%);
}

.elementor-2020201 .elementor-element.elementor-element-4359517 {
  width: 100%;
  align-self: flex-start;
  position: relative;
  isolation: isolate;
  padding: 10px;
  padding-left: 15px;
  border-radius: 20px;
  overflow: hidden;
  border: 2px solid transparent;
  background-image: linear-gradient(rgba(12,14,20,0.72), rgba(12,14,20,0.72)), 
    var(--badge-border-grad);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  -webkit-backdrop-filter: blur(10px) saturate(180%);
  backdrop-filter: blur(10px) saturate(180%);
  box-shadow: 0 8px 24px rgba(0,0,0,.45),
    inset 0 1px 0 rgba(255,255,255,.06);
  --_light-pad: 10px;
  color: #fff;
  text-shadow: 0 1px 1px rgba(10,14,25,0.15);
}

.elementor-2020201 .elementor-element.elementor-element-4359517::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  background: var(--lg-glow);
  opacity: .28;
  filter: blur(14px);
  z-index: -1;
  pointer-events: none;
}

.elementor-2020201 .elementor-element.elementor-element-4359517::after {
  content: "";
  position: absolute;
  border-radius: inherit;
  left: var(--_light-pad);
  right: var(--_light-pad);
  top: 6px;
  height: 0px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.55), transparent);
  opacity: .70;
  pointer-events: none;
  z-index: 1;
}

.elementor-2020201 .elementor-element.elementor-element-4359517 a {
  color: #fff;
}

.elementor-2020201 .elementor-element.elementor-element-4359517 i {
  color: #fff;
}

.elementor-2020201 .elementor-element.elementor-element-4359517 svg path {
  fill: #fff;
  stroke: #fff;
}

@supports not ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  .elementor-2020201 .elementor-element.elementor-element-4359517 {
    background: #0d111a;
    border-color: #0d111a;
  }

  /* Fin — custom.css digiouest.com */
}

.sommaire-titre {
  --glass-bg: rgba(255, 255, 255, 0.18);
  --glass-bg-hover: rgba(255, 255, 255, 0.24);
  --glass-border: rgba(255, 255, 255, 0.45);
  --glass-border-hover: rgba(255, 255, 255, 0.55);
  --radius: 9999px;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .5rem 1rem;
  border-radius: var(--radius);
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  color: #111;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  -webkit-backdrop-filter: blur(12px) saturate(160%);
  backdrop-filter: blur(12px) saturate(160%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35),
    0 4px 16px rgba(0,0,0,.08);
  background-clip: padding-box;
  isolation: isolate;
  transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.sommaire-titre:hover {
  background: var(--glass-bg-hover);
  border-color: var(--glass-border-hover);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.45),
    0 6px 24px rgba(0,0,0,.12);
}

.sommaire-titre:focus-visible {
  outline: none;
  box-shadow: 0 0 0 4px rgba(255,255,255,.35),
    0 8px 32px rgba(0,0,0,.16);
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  .sommaire-titre {
    background: rgba(255,255,255,.92);
  }

  /* Fin — custom.css digiouest.com */
}

@media (prefers-reduced-motion: reduce) {
  /* DIGIOUEST.COM — custom.css (nettoyé sans impact)
     - Ordre des règles conservé (cascade intacte)
     - Doublons internes à un bloc supprimés
     - Commentaires d'origine retirés
  */

  .sommaire-titre {
    transition: none;
  }

  /* Fin — custom.css digiouest.com */
}

.sommaire-titre.is-block {
  display: flex;
  width: 100%;
  padding: 1rem 1.25rem;
  border-radius: 24px;
}

.sommaire-titre {
  display: inline-flex !important;
  width: fit-content !important;
  max-width: 100%;
  white-space: nowrap;
  box-sizing: border-box;
  margin: 0;
}

/* Centrage uniquement (override minimal) */
.sommaire-titre{
  display: flex !important;             /* garde l’alignement + gap */
  align-items: center;
  width: -moz-fit-content !important;
  width: fit-content !important;
  margin: .5rem auto !important;        /* centre horizontalement */
}

/* ───────── Responsiveness .sommaire-titre (mobile/tablette) ───────── */

/* Tablet (≤ 1024px) : micro-ajustements */
@media (max-width: 1024px){
  .sommaire-titre{
    gap: .4rem;
    padding: .5rem 1rem;
  }
}

/* Mobile (≤ 768px) : autoriser le retour à la ligne + centrage robuste */
@media (max-width: 768px){
  .sommaire-titre{
    /* garde le centrage actuel */
    display: flex !important;
    justify-content: center;
    align-items: center;

    /* évite tout dépassement, autorise la ligne multiple */
    max-width: 92vw;
    width: auto !important;
    white-space: normal !important;
    flex-wrap: wrap;

    /* meilleure lecture et capsule plus compacte */
    padding: .45rem .9rem;
    text-align: center;
    word-break: break-word;
    overflow-wrap: anywhere;
    hyphens: auto;
    -webkit-hyphens: auto;
  }

  /* Si la classe est sur un wrapper CE/Elementor et le texte sur un enfant */
  .sommaire-titre .elementor-heading-title{
    white-space: normal !important;
  }
}

/* Petit mobile (≤ 480px) : encore un chouïa plus compact */
@media (max-width: 480px){
  .sommaire-titre{
    max-width: 94vw;
    padding: .4rem .8rem;
    border-radius: 20px; /* garde la forme "pilule" sur 2 lignes */
  }
}

/* ========== Mobile/tactile : pas de halo au tap, centrage sûr, zéro overlay ========== */
@media (hover: none) and (pointer: coarse){
  .sommaire-titre{
    -webkit-tap-highlight-color: transparent;  /* supprime le flash iOS/Android */
    touch-action: manipulation;                 /* évite des gestes parasites */
  }
  /* On retire le cadre au focus sur le WRAPPER (laisse les liens internes tranquilles) */
  .sommaire-titre:focus,
  .sommaire-titre:focus-visible{
    box-shadow: none !important;
    outline: none !important;
  }
}

/* Si le blur n’est pas supporté (certains mobiles) : pas de fond blanc */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .sommaire-titre{ background: transparent !important; }
}

/* Centrage + s’assurer que le badge n’empiète pas sur d’autres boutons */
.sommaire-titre{
  position: relative; 
  z-index: 0;                              /* ne passe pas au-dessus des flèches/CTA */
  display: inline-flex !important;         /* badge à la taille du contenu */
  margin-left: auto !important;
  margin-right: auto !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}

/* Si la classe est sur un wrapper CE/Elementor : applique le badge au texte, pas au bloc */
.sommaire-titre .elementor-heading-title{
  display: inline-flex !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}

/* Sécurité : n’intercepte jamais des clics en dehors du badge */
.sommaire-titre, .sommaire-titre *{ pointer-events: auto; }


/* Fin — custom.css digiouest.com */

/* ─────────────────────────────────────────────────────────────
   DigiOuest — Responsive Liquid Glass Text (blanc)
   Base : .responsive-sommaire-text (heading ou wrapper)
   Variantes : .glass-outline (défaut) | .glass-sheen | .glass-ink
   Sizing : fluid avec clamp() → lisible sur tous écrans
   ───────────────────────────────────────────────────────────── */

/* ===== Base commune : centrage + fluid sizing + robustesse ===== */
.responsive-sommaire-text,
.responsive-sommaire-text.elementor-heading-title{
  /* centrage propre, même si parent est flex */
  text-align: center;
  display: inline-block;
  margin-left: auto; margin-right: auto;

  /* typographie fluide (mobile → desktop) */
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 1.15;
  font-size: clamp(18px, 1rem + 0.8vw, 32px);

  /* jamais de débordement sur petits écrans */
  max-width: 94vw;
  overflow-wrap: anywhere;
  word-break: normal;
  text-wrap: balance;

  /* rendu net */
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* si la classe est sur un WRAPPER, on cible le titre interne CE/Elementor */
.responsive-sommaire-text .elementor-heading-title{
  display: inline-block;
  margin: 0 auto;
  font: inherit; /* reprend le clamp du parent */
}

/* ===== Variante par défaut : GLASS OUTLINE (si aucune autre variante) ===== */
.responsive-sommaire-text:not(.glass-sheen):not(.glass-ink),
.responsive-sommaire-text:not(.glass-sheen):not(.glass-ink) .elementor-heading-title{
  color: #fff !important;
  /* contours doux + relief contrôlé (propre sur fond bleu) */
  text-shadow:
    0 1px 0 rgba(0,0,0,.22),
    0 0 10px rgba(255,255,255,.28),
    0 6px 18px rgba(0,0,0,.18);
  -webkit-text-stroke: .35px rgba(255,255,255,.35);
}

/* hover (si cliquable) */
.responsive-sommaire-text.glass-outline:hover,
.responsive-sommaire-text.glass-outline .elementor-heading-title:hover,
.responsive-sommaire-text:not(.glass-sheen):not(.glass-ink):hover,
.responsive-sommaire-text:not(.glass-sheen):not(.glass-ink) .elementor-heading-title:hover{
  text-shadow:
    0 1px 0 rgba(0,0,0,.20),
    0 0 12px rgba(255,255,255,.40),
    0 8px 24px rgba(0,0,0,.22);
}

/* ===== Variante : GLASS SHEEN (reflet verre poli) ===== */
.responsive-sommaire-text.glass-sheen,
.responsive-sommaire-text.glass-sheen .elementor-heading-title{
  background-image: linear-gradient(180deg,
    rgba(255,255,255,.98) 0%,
    rgba(255,255,255,.86) 42%,
    rgba(255,255,255,.74) 62%,
    rgba(255,255,255,.98) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  text-shadow:
    0 1px 0 rgba(0,0,0,.22),
    0 0 10px rgba(255,255,255,.30);
}
@supports not (-webkit-background-clip: text){
  .responsive-sommaire-text.glass-sheen,
  .responsive-sommaire-text.glass-sheen .elementor-heading-title{ color:#fff !important; }
}

/* ===== Variante : GLASS INK (blanc lumineux, aura douce) ===== */
.responsive-sommaire-text.glass-ink,
.responsive-sommaire-text.glass-ink .elementor-heading-title{
  color: #fff !important;
  filter: drop-shadow(0 0 10px rgba(255,255,255,.25));
  text-shadow:
    0 1px 0 rgba(0,0,0,.20),
    0 4px 12px rgba(0,0,0,.18);
}

/* ===== Ajustements responsive fins ===== */

/* Tablette : un peu plus d’air sur titres longs */
@media (max-width: 1024px){
  .responsive-sommaire-text,
  .responsive-sommaire-text .elementor-heading-title{
    max-width: 92vw;
  }
}

/* Mobile : lisibilité top et contours plus fins (anti-flou) */
@media (max-width: 768px){
  .responsive-sommaire-text,
  .responsive-sommaire-text .elementor-heading-title{
    font-size: clamp(17px, 0.9rem + 1.2vw, 28px);
    line-height: 1.2;
  }
  .responsive-sommaire-text:not(.glass-sheen):not(.glass-ink),
  .responsive-sommaire-text:not(.glass-sheen):not(.glass-ink) .elementor-heading-title{
    -webkit-text-stroke: .25px rgba(255,255,255,.35);
    text-shadow:
      0 1px 0 rgba(0,0,0,.20),
      0 0 8px rgba(255,255,255,.25),
      0 4px 14px rgba(0,0,0,.16);
  }
}

/* Très petits mobiles : compacte mais lisible */
@media (max-width: 420px){
  .responsive-sommaire-text,
  .responsive-sommaire-text .elementor-heading-title{
    font-size: clamp(16px, 0.95rem + 1vw, 24px);
    max-width: 96vw;
  }
}

/* Accessibilité : animations réduites si demandé */
@media (prefers-reduced-motion: reduce){
  .responsive-sommaire-text,
  .responsive-sommaire-text .elementor-heading-title{ transition: none; }
}



/* ─────────────────────────────────────────────────────────────
   DigiOuest — Divider "Liquid Glass" blanc (About page ready)
   Cibles :
     - .separateur-liquid .elementor-divider
     - .elementor-divider.separateur-liquid
     - .separateur-liquid .elementor-divider-separator
     - .separateur-liquid .elementor-divider__text (+ :before/:after)
   ───────────────────────────────────────────────────────────── */

.separateur-liquid .elementor-divider,
.elementor-widget-divider.separateur-liquid .elementor-divider,
.elementor-divider.separateur-liquid{
  /* centrage + largeur fluide */
  margin: clamp(12px, 2vh, 24px) auto;
  width: 100%;
  max-width: 280px;                 /* look propre par défaut */
  text-align: center;
  position: relative;
}

/* ===== Cas A — Ligne simple ===== */
.separateur-liquid .elementor-divider-separator,
.elementor-divider-separator.separateur-liquid{
  --h: 2px;
  display: block;
  height: var(--h);
  border: 0 !important;            /* neutralise styles natifs */
  background: linear-gradient(90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.55) 18%,
    rgba(255,255,255,.95) 50%,
    rgba(255,255,255,.55) 82%,
    rgba(255,255,255,0) 100%);
  border-radius: 9999px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.45),
    0 0 16px rgba(255,255,255,.18),
    0 4px 14px rgba(0,0,0,.10);
  pointer-events: none;
}

/* ===== Cas B — Divider avec TEXTE au centre ===== */
.separateur-liquid .elementor-divider__text,
.elementor-divider__text.separateur-liquid{
  position: relative;
  display: inline-block;
  padding: 0 .75rem;               /* espace entre texte et traits */
  color: #fff;
  font-weight: 700;
  letter-spacing: .01em;
  text-shadow:
    0 1px 0 rgba(0,0,0,.22),
    0 0 10px rgba(255,255,255,.28);
}

/* On remplace les traits par défaut (border-top) par un dégradé "liquid" */
.separateur-liquid .elementor-divider__text:before,
.separateur-liquid .elementor-divider__text:after,
.elementor-divider__text.separateur-liquid:before,
.elementor-divider__text.separateur-liquid:after{
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 2px;
  border-top: 0 !important;        /* vire la bordure native */
  /* les largeurs sont gérées par Elementor, on ne force pas */
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.45),
    0 0 12px rgba(255,255,255,.16),
    0 3px 10px rgba(0,0,0,.10);
}

.separateur-liquid .elementor-divider__text:before,
.elementor-divider__text.separateur-liquid:before{
  left: 0;
  background: linear-gradient(90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.55) 60%,
    rgba(255,255,255,.95) 100%);
  border-radius: 9999px 0 0 9999px;
}

.separateur-liquid .elementor-divider__text:after,
.elementor-divider__text.separateur-liquid:after{
  right: 0;
  background: linear-gradient(90deg,
    rgba(255,255,255,.95) 0%,
    rgba(255,255,255,.55) 40%,
    rgba(255,255,255,0) 100%);
  border-radius: 0 9999px 9999px 0;
}

/* ===== Variantes utiles (optionnelles) ===== */
/* pleine largeur dans sa colonne */
.separateur-liquid.is-full .elementor-divider,
.elementor-divider.separateur-liquid.is-full{ max-width: 100%; }

/* trait plus fin */
.separateur-liquid.is-thin .elementor-divider-separator{ height: 1px; }
.separateur-liquid.is-thin .elementor-divider__text:before,
.separateur-liquid.is-thin .elementor-divider__text:after{ height: 1px; }

/* ===== Responsive doux ===== */
@media (max-width: 768px){
  .separateur-liquid .elementor-divider,
  .elementor-divider.separateur-liquid{ max-width: 220px; }
}
@media (max-width: 480px){
  .separateur-liquid .elementor-divider,
  .elementor-divider.separateur-liquid{ max-width: 200px; }
}


 /* ================== Bouton Précédent ================== */
  .button-container{
    display:flex;
    justify-content:center;
    align-items:center;
    padding:20px 0;
    width:100%;
  }

  /* ================== Bouton "Précédent" ==================
     Effet et variables identiques à .sommaire-titre :
     --glass-bg / --glass-bg-hover / --glass-border / --glass-border-hover
  */
  .btn-previous{
    /* Sizing fluide (mobile -> desktop) */
    --size: clamp(56px, 16vw, 88px);
    --icon: clamp(22px, 7vw, 36px);

    /* Mêmes variables que .sommaire-titre (fond/verre/contour) */
    --glass-bg: rgba(255,255,255,0.18);
    --glass-bg-hover: rgba(255,255,255,0.24);
    --glass-border: rgba(255,255,255,0.45);
    --glass-border-hover: rgba(255,255,255,0.55);

    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer;

    /* Liquid glass (même background que .sommaire-titre) */
    background: var(--glass-bg);
    border: 1.5px solid var(--glass-border);
    -webkit-backdrop-filter: blur(12px) saturate(160%);
    backdrop-filter: blur(12px) saturate(160%);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.35),
      0 4px 16px rgba(0,0,0,.10);

    transition:
      transform .2s ease,
      box-shadow .2s ease,
      background-color .2s ease,
      border-color .2s ease;

    position: relative;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
  }

  /* Anneau subtil (bord net) */
  .btn-previous::before{
    content:"";
    position:absolute; inset:0;
    border-radius:50%;
    pointer-events:none;
    box-shadow:
      0 0 0 2px rgba(255,255,255,.12) inset,
      0 0 22px rgba(255,255,255,.18);
  }

  /* Hover / Active */
  .btn-previous:hover{
    background: var(--glass-bg-hover);
    border-color: var(--glass-border-hover);
    transform: translateY(-1px) scale(1.03);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.45),
      0 8px 24px rgba(0,0,0,.14);
  }
  .btn-previous:active{ transform: translateY(0) scale(.97); }

  /* Focus accessible (discret) */
  .btn-previous:focus-visible{
    box-shadow:
      0 0 0 3px rgba(255,255,255,.35),
      0 12px 32px rgba(0,0,0,.16);
  }

  /* Icône */
  .btn-previous svg{
    width: var(--icon);
    height: var(--icon);
    fill: #fff;
    pointer-events:none;
  }

  /* Fallback si blur non supporté : fond un peu plus opaque pour rester lisible */
  @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
    .btn-previous{ background: rgba(255,255,255,.22); }
  }

  /* ==== Boost visibilité mobile (sans changer le background de base) ==== */
  @media (max-width: 768px){
    .btn-previous{
      /* taille déjà fluide via clamp ; on renforce le glow/bord pour être plus voyant */
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.45),
        0 10px 26px rgba(0,0,0,.18);
      border-width: 2px;
    }
  }
  @media (max-width: 420px){
    .btn-previous{
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.5),
        0 12px 28px rgba(0,0,0,.20);
    }
  }


/* Palette Halloween (modifiable) */
:root{
  --h-orange-1: #FF6A00;
  --h-orange-2: #FF8A00;
  --h-orange-3: #FFC107;
  --h-orange-glow: rgba(255,140,0,.35);
}

/* 1) Texte en dégradé orange (ex: titre "Spécial Halloween") */
.halloween-text-gradient{
  background-image: linear-gradient(90deg, var(--h-orange-1) 0%, var(--h-orange-2) 45%, var(--h-orange-3) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}

/* Option glow léger autour du texte */
.halloween-glow{
  text-shadow: 0 0 10px var(--h-orange-glow), 0 0 20px rgba(255,140,0,.2);
}

/* 2) Fond/bannière en dégradé orange (barre d’annonce, section, carte) */
.halloween-banner{
  background: linear-gradient(135deg, var(--h-orange-1) 0%, var(--h-orange-2) 50%, var(--h-orange-3) 100%);
  color: #111;           /* texte lisible sur fond clair */
  border-radius: 12px;
}

/* 3) Bouton dégradé orange */
.btn-halloween{
  background: linear-gradient(90deg, var(--h-orange-1), var(--h-orange-2));
  color: #111;
  font-weight: 700;
  padding: .75rem 1.1rem;
  border: 0;
  border-radius: 12px;
  transition: transform .15s ease, box-shadow .2s ease, filter .2s ease;
}
.btn-halloween:hover{
  filter: brightness(1.05);
  transform: translateY(-1px);
  box-shadow: 0 6px 16px var(--h-orange-glow);
}
.btn-halloween:active{ transform: translateY(0); }

/* 4) Ligne/divider dégradé (si besoin) */
.halloween-divider{
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent 0%, var(--h-orange-2) 50%, transparent 100%);
  filter: drop-shadow(0 0 8px var(--h-orange-glow));
}


/* Container centré – marge réduite */
.button-container{
  display:flex;
  justify-content:center;
  align-items:center;
  padding: clamp(8px, 1.4vh, 14px) 0; /* ↓ plus léger qu’avant */
  width:100%;
}

/* Bouton cercle – Liquid Glass "léger" (même vibe que .sommaire-titre) */
.btn-previous{
  /* Sizing fluide (mobile → desktop) */
  --size: clamp(56px, 16vw, 88px);
  --icon: clamp(22px, 7vw, 36px);

  /* Verre + contour allégés */
  --glass-bg: rgba(255,255,255,0.12);
  --glass-bg-hover: rgba(255,255,255,0.18);
  --glass-border: rgba(255,255,255,0.30);
  --glass-border-hover: rgba(255,255,255,0.42);

  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  display:flex;
  justify-content:center;
  align-items:center;
  cursor:pointer;

  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  -webkit-backdrop-filter: blur(12px) saturate(160%);
  backdrop-filter: blur(12px) saturate(160%);

  /* Relief doux */
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 3px 12px rgba(0,0,0,.10);

  transition:
    transform .2s ease,
    box-shadow .2s ease,
    background-color .2s ease,
    border-color .2s ease;

  position: relative;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

/* Anneau intérieur discret pour un bord net */
.btn-previous::before{
  content:"";
  position:absolute; inset:0;
  border-radius:50%;
  pointer-events:none;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.10) inset,
    0 0 18px rgba(255,255,255,.14);
}

/* Hover/Active adoucis */
.btn-previous:hover{
  background: var(--glass-bg-hover);
  border-color: var(--glass-border-hover);
  transform: translateY(-1px) scale(1.02);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    0 6px 18px rgba(0,0,0,.12);
}
.btn-previous:active{
  transform: translateY(0) scale(.97);
}

/* Focus accessible mais léger */
.btn-previous:focus-visible{
  box-shadow:
    0 0 0 2px rgba(255,255,255,.28),
    0 10px 24px rgba(0,0,0,.14);
}

/* Icône */
.btn-previous svg{
  width: var(--icon);
  height: var(--icon);
  fill:#fff;
  pointer-events:none;
}

/* Fallback si blur non supporté : fond un peu plus opaque mais léger */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .btn-previous{ background: rgba(255,255,255,.18); }
}


/* ——— Bloc Elementor 2020201 / 7cffc932 ——— */
/* Active les container queries sans impacter la mise en page */
.elementor-2020201 .elementor-element.elementor-element-7cffc932{
  container-type: inline-size;
}

/* Base mobile-first */
:where(
  .elementor-2020201 .elementor-element.elementor-element-7cffc932:not(.elementor-motion-effects-element-type-background),
  .elementor-2020201 .elementor-element.elementor-element-7cffc932
    > .elementor-motion-effects-container > .elementor-motion-effects-layer
){
  /* Couleurs */
  --c1:#252525;
  --c2:#000;

  /* Stops & angle fluides (percent + vw) */
  --angle: clamp(160deg, 10vw + 110deg, 178deg);
  --start: clamp(10%, 10% + 2vw, 18%);
  --end:   clamp(78%, 74% + 2vw, 90%);

  background-color:#000;
  background-image:
    /* Vignettage très léger (profondeur sans être “lourde”) */
    radial-gradient(120% 95% at 50% 110%, rgba(0,0,0,.28) 0 54%, transparent 72%),
    /* Dégradé principal */
    linear-gradient(var(--angle), var(--c1) var(--start), var(--c2) var(--end));
  background-repeat:no-repeat;
  background-size:100% 100%;
  background-position:50% 50%;
  background-attachment:scroll;
}

/* Amélioration moderne (OKLCH) — transitions plus lisses */
@supports (background: color-mix(in oklch, #000 50%, #fff 50%)) {
  :where(
    .elementor-2020201 .elementor-element.elementor-element-7cffc932:not(.elementor-motion-effects-element-type-background),
    .elementor-2020201 .elementor-element.elementor-element-7cffc932
      > .elementor-motion-effects-container > .elementor-motion-effects-layer
  ){
    --mid: color-mix(in oklch, var(--c1) 55%, var(--c2) 45%);
    background-image:
      radial-gradient(120% 95% at 50% 110%, color-mix(in oklch, #000 28%, transparent) 0 54%, transparent 72%),
      linear-gradient(var(--angle), var(--c1) var(--start), var(--mid) 50%, var(--c2) var(--end));
  }
}

/* Orientation paysage : un peu plus diagonal, stops recentrés */
@media (orientation: landscape) {
  :where(
    .elementor-2020201 .elementor-element.elementor-element-7cffc932:not(.elementor-motion-effects-element-type-background),
    .elementor-2020201 .elementor-element.elementor-element-7cffc932
      > .elementor-motion-effects-container > .elementor-motion-effects-layer
  ){
    --angle: clamp(120deg, 6vw + 110deg, 150deg);
    --start: clamp(12%, 10% + 1vw, 20%);
    --end:   clamp(76%, 72% + 1vw, 86%);
  }
}

/* Container queries (si supportées) : affiner selon la largeur RÉELLE du bloc */
@container (min-width: 640px) {
  :where(
    .elementor-2020201 .elementor-element.elementor-element-7cffc932:not(.elementor-motion-effects-element-type-background),
    .elementor-2020201 .elementor-element.elementor-element-7cffc932
      > .elementor-motion-effects-container > .elementor-motion-effects-layer
  ){
    --angle: clamp(125deg, 5vw + 110deg, 145deg);
    --start: clamp(12%, 11% + 1vw, 18%);
    --end:   clamp(74%, 72% + 1vw, 84%);
  }
}
@container (min-width: 1024px) {
  :where(
    .elementor-2020201 .elementor-element.elementor-element-7cffc932:not(.elementor-motion-effects-element-type-background),
    .elementor-2020201 .elementor-element.elementor-element-7cffc932
      > .elementor-motion-effects-container > .elementor-motion-effects-layer
  ){
    --angle: 120deg;
    --start: clamp(12%, 10% + .5vw, 16%);
    --end:   clamp(72%, 70% + .5vw, 82%);

    /* Sheen discret uniquement grands écrans (optionnel) */
    background-image:
      linear-gradient(150deg, rgba(255,255,255,.035) 0 24%, transparent 54%),
      radial-gradient(110% 85% at 50% 120%, rgba(0,0,0,.24) 0 50%, transparent 66%),
      linear-gradient(var(--angle), var(--c1) var(--start), var(--c2) var(--end));
  }
}

/* Lisibilité du contenu sur fond sombre */
:where(
  .elementor-2020201 .elementor-element.elementor-element-7cffc932 .elementor-widget-container,
  .elementor-2020201 .elementor-element.elementor-element-7cffc932 .elementor-heading-title,
  .elementor-2020201 .elementor-element.elementor-element-7cffc932 .elementor-text-editor
){
  color:#fff;
  text-shadow:0 1px 1px rgba(0,0,0,.26);
}

/* ——— Bloc Elementor 2020201 / 7cffc932 ——— */
/* Active les container queries sans impacter la mise en page */
.elementor-2020201 .elementor-element.elementor-element-7cffc932{
  container-type: inline-size;
}

/* Base mobile-first */
:where(
  .elementor-2020201 .elementor-element.elementor-element-7cffc932:not(.elementor-motion-effects-element-type-background),
  .elementor-2020201 .elementor-element.elementor-element-7cffc932
    > .elementor-motion-effects-container > .elementor-motion-effects-layer
){
  /* Couleurs */
  --c1:#252525;
  --c2:#000;

  /* Stops & angle fluides (percent + vw) */
  --angle: clamp(160deg, 10vw + 110deg, 178deg);
  --start: clamp(10%, 10% + 2vw, 18%);
  --end:   clamp(78%, 74% + 2vw, 90%);

  background-color:#000;
  background-image:
    /* Vignettage très léger (profondeur sans être “lourde”) */
    radial-gradient(120% 95% at 50% 110%, rgba(0,0,0,.28) 0 54%, transparent 72%),
    /* Dégradé principal */
    linear-gradient(var(--angle), var(--c1) var(--start), var(--c2) var(--end));
  background-repeat:no-repeat;
  background-size:100% 100%;
  background-position:50% 50%;
  background-attachment:scroll;
}

/* Amélioration moderne (OKLCH) — transitions plus lisses */
@supports (background: color-mix(in oklch, #000 50%, #fff 50%)) {
  :where(
    .elementor-2020201 .elementor-element.elementor-element-7cffc932:not(.elementor-motion-effects-element-type-background),
    .elementor-2020201 .elementor-element.elementor-element-7cffc932
      > .elementor-motion-effects-container > .elementor-motion-effects-layer
  ){
    --mid: color-mix(in oklch, var(--c1) 55%, var(--c2) 45%);
    background-image:
      radial-gradient(120% 95% at 50% 110%, color-mix(in oklch, #000 28%, transparent) 0 54%, transparent 72%),
      linear-gradient(var(--angle), var(--c1) var(--start), var(--mid) 50%, var(--c2) var(--end));
  }
}

/* Orientation paysage : un peu plus diagonal, stops recentrés */
@media (orientation: landscape) {
  :where(
    .elementor-2020201 .elementor-element.elementor-element-7cffc932:not(.elementor-motion-effects-element-type-background),
    .elementor-2020201 .elementor-element.elementor-element-7cffc932
      > .elementor-motion-effects-container > .elementor-motion-effects-layer
  ){
    --angle: clamp(120deg, 6vw + 110deg, 150deg);
    --start: clamp(12%, 10% + 1vw, 20%);
    --end:   clamp(76%, 72% + 1vw, 86%);
  }
}

/* Container queries (si supportées) : affiner selon la largeur RÉELLE du bloc */
@container (min-width: 640px) {
  :where(
    .elementor-2020201 .elementor-element.elementor-element-7cffc932:not(.elementor-motion-effects-element-type-background),
    .elementor-2020201 .elementor-element.elementor-element-7cffc932
      > .elementor-motion-effects-container > .elementor-motion-effects-layer
  ){
    --angle: clamp(125deg, 5vw + 110deg, 145deg);
    --start: clamp(12%, 11% + 1vw, 18%);
    --end:   clamp(74%, 72% + 1vw, 84%);
  }
}
@container (min-width: 1024px) {
  :where(
    .elementor-2020201 .elementor-element.elementor-element-7cffc932:not(.elementor-motion-effects-element-type-background),
    .elementor-2020201 .elementor-element.elementor-element-7cffc932
      > .elementor-motion-effects-container > .elementor-motion-effects-layer
  ){
    --angle: 120deg;
    --start: clamp(12%, 10% + .5vw, 16%);
    --end:   clamp(72%, 70% + .5vw, 82%);

    /* Sheen discret uniquement grands écrans (optionnel) */
    background-image:
      linear-gradient(150deg, rgba(255,255,255,.035) 0 24%, transparent 54%),
      radial-gradient(110% 85% at 50% 120%, rgba(0,0,0,.24) 0 50%, transparent 66%),
      linear-gradient(var(--angle), var(--c1) var(--start), var(--c2) var(--end));
  }
}

/* Lisibilité du contenu sur fond sombre */
:where(
  .elementor-2020201 .elementor-element.elementor-element-7cffc932 .elementor-widget-container,
  .elementor-2020201 .elementor-element.elementor-element-7cffc932 .elementor-heading-title,
  .elementor-2020201 .elementor-element.elementor-element-7cffc932 .elementor-text-editor
){
  color:#fff;
  text-shadow:0 1px 1px rgba(0,0,0,.26);
}