/*
Theme Name: Univ'R
Theme URI: 
Author: Paul Roger
Author URI: 
Description: 
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 5.7
Version:
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wp-assistance
Tags:
*/

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
}

@media (max-width: 1640px) {
  :root {
    --wp--style--global--wide-size: calc(100% - 40px)!important;
  }
}

@media (max-width: 1320px) {
  :root {
    --wp--style--global--content-size: calc(100% - 40px)!important;
  } 
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 200px;
}

body {
  margin: 0;
}

@media (min-width: 1181px) {
  body {
    overflow: visible!important;
  }
}

em {
  font-family: var(--wp--preset--font-family--modish);
  font-style: normal;
  text-transform: none;
}

h1 em {
  font-size: 2.8rem;
}

figcaption {
  width: 100%;
  text-align: center;
}

figcaption em {
  font-family: var(--wp--preset--font-family--avenir-lt-std);
  font-style: italic;
}

sub {
  font-size: 80%;
  vertical-align: baseline;
  font-weight: 300!important;
}

strong {
  font-weight: 800;
}

h1 strong,
h2 strong,
h3 strong,
h4 strong {
  font-weight: 600;
}

.h1-like {
  font-size: var(--wp--preset--font-size--8);
  line-height: 1;
}

.h2-like {
  font-size: var(--wp--preset--font-size--7);
  line-height: 1.2;
}

.h3-like {
  font-size: var(--wp--preset--font-size--6);
  line-height: 1.2;
}

.h4-like {
  font-size: var(--wp--preset--font-size--5);
  line-height: 1.2;
}

a:where(:not(.wp-element-button)) {
  transition: color 0.3s;
}

header nav li a {
  padding: 16px 22px;
  transition: color 0.3s, background-color 0.3s;
}

header nav li a:hover {
  color: var(--wp--preset--color--custom-kaki)!important;
  background-color: var(--wp--preset--color--custom-blanc)!important;
}

header nav li.current-menu-item > a {
  text-decoration: underline;
}

header nav li.white-menu-link a {
  background-color: var(--wp--preset--color--custom-blanc)!important;
  color: var(--wp--preset--color--custom-kaki)!important;
}

header nav li.white-menu-link a:hover {
  background-color: var(--wp--preset--color--custom-vert)!important;
  color: var(--wp--preset--color--custom-blanc)!important;
}

header nav .wp-block-navigation .wp-block-navigation__submenu-icon {
  display: none;
}

header nav li.home a span {
  display: none;
}

header nav li.home a::before {
  content: '';
  display: block;
  background-image: url(./assets/chart/Home.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 24px;
  transform: translateY(-2px);
}

header nav li.home a:hover::before {
  background-image: url(./assets/chart/Home-kaki.svg);
}

.footer-rs a {
  border-radius: 50%;
  transition: background-color 0.3s;
  background-color: transparent;
}

.footer-rs a:hover {
  background-color: var(--wp--preset--color--custom-blanc);
}

@media (max-width: 1280px) {
  .header-main {
    flex-flow: wrap;
  }
  .header-main p.has-6-font-size {
    max-width: calc(50% - 8px);
    font-size: 6vw!important;
  }
  .header-main .wp-block-site-logo {
    max-width: calc(40% - 8px);
  }
  .header-main > * {
    flex-basis: auto;
  }
  .header-main .wp-block-group:nth-child(2) {
    display: none;
  }
  .header-main .wp-block-group:nth-child(3) p {
    display: none;
  }
  .header-nav {
    justify-content: flex-end!important;
    gap: var(--wp--preset--spacing--1);
    padding: 4px 0!important;
  }
  .header-nav > nav {
    display: flex;
    justify-content: flex-end;
    color: var(--wp--preset--color--custom-kaki)!important;
  }
  .header-nav > nav .wp-block-navigation__responsive-container-open {
    color: var(--wp--preset--color--custom-blanc)!important;
  }
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
  }
  .wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close {
    color: var(--wp--preset--color--custom-blanc)!important;
  }
  .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
    background-color: var(--wp--preset--color--custom-kaki)!important;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
    background-color: transparent!important;
    color: var(--wp--preset--color--custom-blanc)!important;
    text-transform: uppercase;
    font-weight: 500;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
    display: flex;
    gap: var(--wp--preset--spacing--1);
  }
  header nav li.home a:hover::before {
    background-image: url(./assets/chart/Home.svg);
  }
  header nav .wp-block-navigation__submenu-container {
    gap: var(--wp--preset--spacing--1)!important;
    padding-left: var(--wp--preset--spacing--1)!important;
  }
}

@media (max-width: 480px) {
  .footer-contact {
    width: 100%!important;
    align-items: flex-start!important;
  }
}

.relative {
  position: relative;
  z-index: 2;
}

.relative-z-index-minus-1 {
  position: relative;
  z-index: -1;
}

.uppercase {
  text-transform: uppercase;
}

.translate-minus-50-percent {
  transform: translateY(-50%);
}

.wp-block-separator {
  border-top: unset!important;
  border: 1px solid!important;
}

.wp-block-separator.is-style-wide {
  border-width: 2px!important;
}

.wp-block-post-template h2 a,
.wp-block-post-template h3 a,
.wp-block-post-template h4 a,
.wp-block-post-template h5 a {
  text-decoration: none;
}

.wp-block-query-pagination {
  gap: 0.25rem!important;
}

.wp-block-query-pagination-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  margin: 0!important;
}

.page-numbers,
.wp-block-query-pagination-next,
.wp-block-query-pagination-previous {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 39px;
  font-size: var(--wp--preset--font-size--3);
  color: var(--wp--preset--color--custom-kaki);
  text-decoration: none;
  background-color: var(--wp--preset--color--custom-beige);
  padding: 0.5rem 1rem;
  margin: 0 0.25rem;
  border: 1px solid #ddd;
  border-radius: 4px;
  text-decoration: none;
  color: var(--wp--preset--color--custom-kaki);
}

.page-numbers.current {
  color: var(--wp--preset--color--custom-blanc);
  background-color: var(--wp--preset--color--custom-vert);
}

.wp-block-query-pagination .wp-block-query-pagination-next,
.wp-block-query-pagination .wp-block-query-pagination-previous,
.wp-block-query-pagination .wp-block-query-pagination-next-arrow,
.wp-block-query-pagination .wp-block-query-pagination-previous-arrow {
  margin: 0!important;
}

.editor-styles-wrapper .swiper-wrapper {
  height: auto;
}

.flex-image-link,
.flex-image-link a,
.flex-image-link a img {
  display: flex;
}

.ratio-1-1 {
  aspect-ratio: 1/1;
}

.text-align-center {
  text-align: center!important;
}

@media (max-width: 1500px) {
  /*
  body:not(.wp-admin) h1, .h1-like, p.has-9-font-size {font-size: 3vw!important;}
  body:not(.wp-admin) h1 em {font-size: 2.7vw!important;}
  body:not(.wp-admin) p.has-8-font-size {font-size: 3vw!important;}
  body:not(.wp-admin) h2, .h2-like, p.has-7-font-size {font-size: 2.4vw!important;}
  body:not(.wp-admin) h3, .h3-like, p.has-6-font-size {font-size: 2vw!important;}
  */
}

@media (max-width: 768px) {
  /*
  body:not(.wp-admin) h1, .h1-like, p.has-9-font-size {font-size: 8vw!important;}
  body:not(.wp-admin) h1 em {font-size: 8vw!important;}
  body:not(.wp-admin) p.has-8-font-size {font-size: 8vw!important;}
  body:not(.wp-admin) h2, .h2-like, p.has-7-font-size {font-size: 6vw!important;}
  body:not(.wp-admin) h3, .h3-like, p.has-6-font-size {font-size: 6vw!important;}
  */

  .mob-no-display {display: none!important;}
  .mob-display-none {display: none!important;}
  .mob-no-br br {display: none;}
  .mob-width-100-percent {width: 100%!important;}
  .mob-max-width-100 {max-width: 100%!important;}
  .mob-flex-basis-100 {flex-basis: 100%!important;}
  .mob-flex-basis-100-children > * {flex-basis: 100%!important;}
  .mob-flex-basis-50-children > * {flex-basis: calc(50% - 0.5rem)!important;}
  .mob-flex-center {justify-content: center!important;}

  .mob-width-120 {width: 120px!important;}
  .mob-width-100 {width: 100px!important;}
  .mob-width-80 {width: 80px!important;}
  .mob-width-60 {width: 60px!important;}

  .mob-fs-1 {font-size: var(--wp--preset--font-size--1)!important;}
  .mob-fs-2 {font-size: var(--wp--preset--font-size--2)!important;}
  .mob-fs-3 {font-size: var(--wp--preset--font-size--3)!important;}
  .mob-fs-4 {font-size: var(--wp--preset--font-size--4)!important;}
  .mob-fs-5 {font-size: var(--wp--preset--font-size--5)!important;}
  .mob-fs-6 {font-size: var(--wp--preset--font-size--6)!important;}
  .mob-fs-7 {font-size: var(--wp--preset--font-size--7)!important;}
  .mob-fs-8 {font-size: var(--wp--preset--font-size--8)!important;}
  .mob-fs-9 {font-size: var(--wp--preset--font-size--9)!important;}

  .mob-p-0 {padding: 0!important;}
  .mob-p-1 {padding: var(--wp--preset--spacing--1)!important;}
  .mob-p-2 {padding: var(--wp--preset--spacing--2)!important;}
  .mob-p-3 {padding: var(--wp--preset--spacing--3)!important;}
  .mob-p-4 {padding: var(--wp--preset--spacing--4)!important;}
  .mob-p-5 {padding: var(--wp--preset--spacing--5)!important;}
  .mob-p-6 {padding: var(--wp--preset--spacing--6)!important;}
  .mob-p-7 {padding: var(--wp--preset--spacing--7)!important;}
  .mob-p-8 {padding: 11rem!important;}

  .mob-pt-0 {padding-top: 0!important;}
  .mob-pt-1 {padding-top: var(--wp--preset--spacing--1)!important;}
  .mob-pt-2 {padding-top: var(--wp--preset--spacing--2)!important;}
  .mob-pt-3 {padding-top: var(--wp--preset--spacing--3)!important;}
  .mob-pt-4 {padding-top: var(--wp--preset--spacing--4)!important;}
  .mob-pt-5 {padding-top: var(--wp--preset--spacing--5)!important;}
  .mob-pt-6 {padding-top: var(--wp--preset--spacing--6)!important;}
  .mob-pt-7 {padding-top: var(--wp--preset--spacing--7)!important;}
  .mob-pt-8 {padding-top: 11rem!important;}

  .mob-pb-0 {padding-bottom: 0!important;}
  .mob-pb-1 {padding-bottom: var(--wp--preset--spacing--1)!important;}
  .mob-pb-2 {padding-bottom: var(--wp--preset--spacing--2)!important;}
  .mob-pb-3 {padding-bottom: var(--wp--preset--spacing--3)!important;}
  .mob-pb-4 {padding-bottom: var(--wp--preset--spacing--4)!important;}
  .mob-pb-5 {padding-bottom: var(--wp--preset--spacing--5)!important;}
  .mob-pb-6 {padding-bottom: var(--wp--preset--spacing--6)!important;}
  .mob-pb-7 {padding-bottom: var(--wp--preset--spacing--7)!important;}
  .mob-pb-8 {padding-bottom: 11rem!important;}

  .mob-pl-0 {padding-left: 0!important;}
  .mob-pl-1 {padding-left: var(--wp--preset--spacing--1)!important;}
  .mob-pl-2 {padding-left: var(--wp--preset--spacing--2)!important;}
  .mob-pl-3 {padding-left: var(--wp--preset--spacing--3)!important;}
  .mob-pl-4 {padding-left: var(--wp--preset--spacing--4)!important;}
  .mob-pl-5 {padding-left: var(--wp--preset--spacing--5)!important;}
  .mob-pl-6 {padding-left: var(--wp--preset--spacing--6)!important;}
  .mob-pl-7 {padding-left: var(--wp--preset--spacing--7)!important;}
  .mob-pl-8 {padding-left: 11rem!important;}

  .mob-pr-0 {padding-right: 0!important;}
  .mob-pr-1 {padding-right: var(--wp--preset--spacing--1)!important;}
  .mob-pr-2 {padding-right: var(--wp--preset--spacing--2)!important;}
  .mob-pr-3 {padding-right: var(--wp--preset--spacing--3)!important;}
  .mob-pr-4 {padding-right: var(--wp--preset--spacing--4)!important;}
  .mob-pr-5 {padding-right: var(--wp--preset--spacing--5)!important;}
  .mob-pr-6 {padding-right: var(--wp--preset--spacing--6)!important;}
  .mob-pr-7 {padding-right: var(--wp--preset--spacing--7)!important;}
  .mob-pr-8 {padding-right: 11rem!important;}

  .mob-m-0 {margin: 0!important;}
  .mob-m-1 {margin: var(--wp--preset--spacing--1)!important;}
  .mob-m-2 {margin: var(--wp--preset--spacing--2)!important;}
  .mob-m-3 {margin: var(--wp--preset--spacing--3)!important;}
  .mob-m-4 {margin: var(--wp--preset--spacing--4)!important;}
  .mob-m-5 {margin: var(--wp--preset--spacing--5)!important;}
  .mob-m-6 {margin: var(--wp--preset--spacing--6)!important;}
  .mob-m-7 {margin: var(--wp--preset--spacing--7)!important;}
  .mob-m-8 {margin: 11rem!important;}

  .mob-mt-0 {margin-top: 0!important;}
  .mob-mt-1 {margin-top: var(--wp--preset--spacing--1)!important;}
  .mob-mt-2 {margin-top: var(--wp--preset--spacing--2)!important;}
  .mob-mt-3 {margin-top: var(--wp--preset--spacing--3)!important;}
  .mob-mt-4 {margin-top: var(--wp--preset--spacing--4)!important;}
  .mob-mt-5 {margin-top: var(--wp--preset--spacing--5)!important;}
  .mob-mt-6 {margin-top: var(--wp--preset--spacing--6)!important;}
  .mob-mt-7 {margin-top: var(--wp--preset--spacing--7)!important;}
  .mob-mt-8 {margin-top: 11rem!important;}

  .mob-mb-0 {margin-bottom: 0!important;}
  .mob-mb-1 {margin-bottom: var(--wp--preset--spacing--1)!important;}
  .mob-mb-2 {margin-bottom: var(--wp--preset--spacing--2)!important;}
  .mob-mb-3 {margin-bottom: var(--wp--preset--spacing--3)!important;}
  .mob-mb-4 {margin-bottom: var(--wp--preset--spacing--4)!important;}
  .mob-mb-5 {margin-bottom: var(--wp--preset--spacing--5)!important;}
  .mob-mb-6 {margin-bottom: var(--wp--preset--spacing--6)!important;}
  .mob-mb-7 {margin-bottom: var(--wp--preset--spacing--7)!important;}
  .mob-mb-8 {margin-bottom: 11rem!important;}

  .mob-ml-0 {margin-left: 0!important;}
  .mob-ml-1 {margin-left: var(--wp--preset--spacing--1)!important;}
  .mob-ml-2 {margin-left: var(--wp--preset--spacing--2)!important;}
  .mob-ml-3 {margin-left: var(--wp--preset--spacing--3)!important;}
  .mob-ml-4 {margin-left: var(--wp--preset--spacing--4)!important;}
  .mob-ml-5 {margin-left: var(--wp--preset--spacing--5)!important;}
  .mob-ml-6 {margin-left: var(--wp--preset--spacing--6)!important;}
  .mob-ml-7 {margin-left: var(--wp--preset--spacing--7)!important;}
  .mob-ml-8 {margin-left: 11rem!important;}

  .mob-mr-0 {margin-right: 0!important;}
  .mob-mr-1 {margin-right: var(--wp--preset--spacing--1)!important;}
  .mob-mr-2 {margin-right: var(--wp--preset--spacing--2)!important;}
  .mob-mr-3 {margin-right: var(--wp--preset--spacing--3)!important;}
  .mob-mr-4 {margin-right: var(--wp--preset--spacing--4)!important;}
  .mob-mr-5 {margin-right: var(--wp--preset--spacing--5)!important;}
  .mob-mr-6 {margin-right: var(--wp--preset--spacing--6)!important;}
  .mob-mr-7 {margin-right: var(--wp--preset--spacing--7)!important;}
  .mob-mr-8 {margin-right: 11rem!important;}

  .mob-gap-0 {gap: 0!important;}
  .mob-gap-1 {gap: var(--wp--preset--spacing--1)!important;}
  .mob-gap-2 {gap: var(--wp--preset--spacing--2)!important;}
  .mob-gap-3 {gap: var(--wp--preset--spacing--3)!important;}
  .mob-gap-4 {gap: var(--wp--preset--spacing--4)!important;}
  .mob-gap-5 {gap: var(--wp--preset--spacing--5)!important;}
  .mob-gap-6 {gap: var(--wp--preset--spacing--6)!important;}
  .mob-gap-7 {gap: var(--wp--preset--spacing--7)!important;}
  .mob-gap-8 {gap: 11rem!important;}
}

.tag:not(body),
p.is-style-tag,
.is-style-tag a {
  padding: 5px 8px 3px;
  color: var(--wp--preset--color--custom-blanc);
  background-color: var(--wp--preset--color--custom-vert);
  text-transform: uppercase;
  text-decoration: none;
}

.is-style-background-contain .wp-block-cover__image-background {
  object-fit: contain!important;
}

.is-style-bandeau-blanc-bas,
.is-style-bandeau-blanc-bas-petit {
  position: relative;
  z-index: 2;
}

.is-style-bandeau-blanc-bas::before,
.is-style-bandeau-blanc-bas-petit::before {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 50%;
  width: 100%;
  height: 150px;
  background-color: var(--wp--preset--color--custom-blanc);
  transform: translateX(-50%);
}

.is-style-bandeau-blanc-bas-petit::before {
  height: 50px;
}

.is-style-titre-encadrement,
.is-style-titre-encadrement-top-left,
.is-style-titre-encadrement-top-left-white {
  position: relative;
  padding: var(--wp--preset--spacing--1) var(--wp--preset--spacing--4);
}

.is-style-lien-encadrement-collection a {
  position: relative;
  display: block;
  padding: var(--wp--preset--spacing--1);
  text-decoration: none;
  border-radius: 20px;
  transition: all 0.3s;
}

.is-style-lien-encadrement-collection a:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

@media (max-width: 768px) {
  .is-style-lien-encadrement-collection a {
    padding: var(--wp--preset--spacing--1) var(--wp--preset--spacing--1);
  }
}

.is-style-titre-encadrement::before,
.is-style-titre-encadrement::after,
.is-style-titre-encadrement-top-left::before,
.is-style-titre-encadrement-top-left-white::before,
.is-style-lien-encadrement-collection a::before,
.is-style-lien-encadrement-collection a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-image: url(assets/chart/encadrement.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom left;
}

p.is-style-titre-encadrement::before,
p.is-style-titre-encadrement::after,
.is-style-lien-encadrement-collection a::before,
.is-style-lien-encadrement-collection a::after {
  width: 30px;
  height: 30px;
}

.is-style-titre-encadrement::after,
.is-style-lien-encadrement-collection a::after {
  bottom: auto;
  top: 0;
  left: auto;
  right: 0;
  background-position: top right;
  transform: rotate(180deg);
}

.is-style-titre-encadrement-top-left,
.is-style-titre-encadrement-top-left-white {
  padding: var(--wp--preset--spacing--3) 0 0 0;
}

.is-style-titre-encadrement-top-left::before,
.is-style-titre-encadrement-top-left-white::before {
  bottom: auto;
  top: 0;
  transform: rotate(90deg);
}

.is-style-titre-encadrement-top-left-white::before {
  background-image: url(assets/chart/encadrement-blanc.svg);
}

.is-style-titre-encadrement a {
  color: inherit!important;
  text-decoration: none!important;
}

.is-style-lien-encadrement-collection a {
  color: var(--wp--preset--color--custom-kaki)!important;
}

.is-style-puce,
.is-style-puce-kaki {
  position: relative;
  text-transform: uppercase;
  padding-left: 24px;
}

.is-style-puce::before,
.is-style-puce-kaki::before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 3px;
  width: 13px;
  height: 13px;
  background-color: var(--wp--preset--color--custom-vert);
  border-radius: 100%;
}

.is-style-puce-kaki::before {
  background-color: var(--wp--preset--color--custom-kaki);
}

.is-style-lien-non-souligne a {
  text-decoration: none!important;
}

a.is-style-lien-classique,
.is-style-lien-classique a,
.is-style-lien-classique div {
  position: relative;
  padding: 0;
  font-weight: 600;
  line-height: 1;
  color: var(--wp--preset--color--custom-kaki);
  text-decoration: none;
  background-color: unset;
  padding-bottom: 3px;
}

a.is-style-lien-classique::after,
.is-style-lien-classique a::after,
.is-style-lien-classique div::after {
  content: "";
  position: absolute;
  top: calc(100% - 3px);
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--wp--preset--color--custom-kaki);
  transition: all 0.3s;
}

a.is-style-lien-classique:hover::after,
.is-style-lien-classique a:hover::after,
.is-style-lien-classique div:hover::after {
  transform: translateY(3px);
}

details {
  width: 100%;
}

details summary::-webkit-details-marker {
  display: none;
}

details.is-style-details-puce[open] {
  margin-bottom: var(--wp--preset--spacing--1);
}

details.is-style-details-puce summary {
  display: flex;
  align-items: flex-start;
  list-style: none;
  text-transform: uppercase;
  font-weight: 500;
}

details.is-style-details-puce summary::before {
  content: '';
  display: inline-block;
  margin-right: var(--wp--preset--spacing--1);
  width: 13px;
  min-width: 13px;
  height: 13px;
  margin-top: 4px;
  background-color: var(--wp--preset--color--custom-chatain);
  border-radius: 100%;
  transition: all 0.3s;
}

details.is-style-details-puce[open] summary::before {
  background-color: var(--wp--preset--color--custom-vert);
}

details.is-style-details-puce summary::after {
  content: '';
  display: block;
  justify-self: flex-end;
  margin-left: auto;
  padding-left: var(--wp--preset--spacing--1);
  width: 15px;
  min-width: 15px;
  height: 18px;
  background-image: url(assets/chart/arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
  transform: scaleY(-1);
  transition: all 0.3s;
}

details.is-style-details-puce[open] summary::after {
  transform: scaleY(1);
}

.is-style-point {
  aspect-ratio: 1/1;
  background-color: var(--wp--preset--color--custom-beige);
  border: unset!important;
  border-radius: 100%;
}

.is-style-liste-categories, .is-style-liste-categories-boutons {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: wrap;
  gap: var(--wp--preset--spacing--1);
  margin: 0;
  padding: 0;
  list-style: none;
}

.is-style-liste-categories li a {
  padding: 8px 8px 5px;
  color: var(--wp--preset--color--custom-blanc);
  background-color: var(--wp--preset--color--custom-chatain);
  text-transform: uppercase;
  text-decoration: none;
}

.is-style-liste-categories-boutons {
  flex-direction: column;
  gap: 12px;
}

.is-style-liste-categories-boutons li {
  display: flex;
}

.is-style-liste-categories-boutons li a {
  font-style: normal;
  font-weight: 500;
  padding-top: 10px;
  padding-right: 32px;
  padding-bottom: 6px;
  padding-left: 32px;
  border: 1px solid var(--wp--preset--color--custom-kaki);
  color: var(--wp--preset--color--custom-kaki);
  border-radius: 100px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s;
}

.is-style-liste-categories-boutons li a:hover {
  background-color: var(--wp--preset--color--custom-kaki);
  color: var(--wp--preset--color--custom-blanc);
}

.is-style-decalage {
  row-gap: var(--wp--preset--spacing--6)!important;
}

.is-style-decalage li:nth-child(2n){
  transform: translateY(40px)
}

.is-style-prev-next-arrow a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
}

.is-style-prev-next-arrow.post-navigation-link-next a {
  justify-content: flex-end;
}

.is-style-prev-next-arrow.post-navigation-link-previous a::before {
  content: "";
  display: inline-block;
  width: 39px;
  height: 39px;
  margin-right: var(--wp--preset--spacing--2);
  background-image: url(assets/chart/arrow-slider.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(180deg);
}

.is-style-prev-next-arrow.post-navigation-link-next a::after {
  content: "";
  display: inline-block;
  width: 39px;
  height: 39px;
  margin-left: var(--wp--preset--spacing--2);
  background-image: url(assets/chart/arrow-slider.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

a.wp-block-button__link {
  transition: all 0.3s;
}

a.wp-block-button__link:hover {
  background-color: var(--wp--preset--color--custom-kaki)!important;
  color: var(--wp--preset--color--custom-blanc)!important;
}

a.wp-block-button__link.has-custom-blanc-border-color:hover {
  background-color: var(--wp--preset--color--custom-blanc)!important;
  color: var(--wp--preset--color--custom-kaki)!important;
}

a.wp-block-button__link.has-custom-kaki-background-color:hover {
  background-color: var(--wp--preset--color--custom-vert)!important;
  color: var(--wp--preset--color--custom-blanc)!important;
}

.is-style-lien-classique a.wp-block-button__link:hover,
.is-style-lien-classique div.wp-block-button__link:hover {
  background-color: transparent!important;
  color: inherit!important;
}

.is-style-menu-picto-recherche a {
  position: relative;
  width: 20px;
  height: 20px;
  color: transparent!important;
}

.is-style-menu-picto-recherche a::after {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(assets/chart/picto-recherche.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.has-custom-kaki-background-color a.wp-block-button__link.has-custom-blanc-background-color:hover {
  background-color: var(--wp--preset--color--custom-vert)!important;
  color: var(--wp--preset--color--custom-blanc)!important;
}

.r-background-contact .wp-block-cover__image-background {
  width: 40%;
}

.collection-container {
}

.collection {
  width: max-content;
  font-size: 1rem;
  text-align: center;
  padding: 1.5rem 1rem;
  line-height: 150%;
}

.collection span {
  font-size: var(--wp--preset--font-size--4);
  font-weight: 700;
  text-transform: uppercase;
}

.collection::before,
.collection::after {
  background-size: 30px;
}

.collection::after {
  background-position: bottom left;
}

.outils,
.outils-item {
  align-items: stretch!important;
}

.outils-item {
  position: relative;
  overflow: hidden;
  transition: all 0.3s;
}

.outils-item:hover {
  color: var(--wp--preset--color--custom-blanc)!important;
}

.outils-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--wp--preset--color--custom-vert);
  z-index: 2;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease-in-out;
}

.outils-item:hover::before {
  transform: scaleX(1);
}

.outils-item > .wp-block-group {
  position: relative;
  z-index: 3;
}

.outils .outils-item:first-child,
.outils .outils-item:first-child > .wp-block-group {
  border-top-left-radius: 30px!important;
}

.outils .outils-item:nth-child(2) {
  border-top-right-radius: 30px!important;
}

.outils .outils-item:nth-child(5),
.outils .outils-item:nth-child(5) > .wp-block-group {
  border-bottom-left-radius: 30px!important;
}

.outils .outils-item:last-child {
  border-bottom-right-radius: 30px!important;
}

.outils-4 .outils-item:nth-child(3),
.outils-4 .outils-item:nth-child(3) > .wp-block-group {
  border-bottom-left-radius: 30px!important;
}

@media (max-width: 1300px) {
  .outils-item {
    flex-basis: 100%!important;
    border-radius: 0!important;
  }
  .outils .outils-item > .wp-block-group,
  .outils .outils-item:first-child,
  .outils .outils-item:first-child > .wp-block-group,
  .outils .outils-item:last-child,
  .outils .outils-item:nth-child(2),
  .outils .outils-item:nth-child(5),
  .outils .outils-item:nth-child(5) > .wp-block-group,
  .outils-4 .outils-item:nth-child(3),
  .outils-4 .outils-item:nth-child(3) > .wp-block-group {
    border-radius: 0!important;
  }
  .outils-item > .wp-block-group:first-child {
    width: 100px;
    min-width: 100px;
    flex-basis: 100px;
    padding: 24px!important;
  }
  .outils-item > .wp-block-group:last-child {
    flex-basis: calc(100% - 100px)!important;
    align-self: center!important;
  }
}

@media (max-width: 768px) {
  .outils {
    gap: var(--wp--preset--spacing--1);
  }
}

@media (max-width: 480px) {
  .outils {
    gap: 1rem!important;
  }
  .outils-item > .wp-block-group:first-child {
    width: 80px;
    min-width: 80px;
    flex-basis: 80px;
  }
  .outils-item > .wp-block-group:last-child {
    flex-basis: calc(100% - 80px)!important;
    align-self: center!important;
    gap: 0!important;
    padding: 1rem!important;
  }
}

.prosidebar {
  position: sticky;
  top: 24px;
}

.prosidebar::before {
  content: "";
  position: absolute;
  top: 0;
  right: calc(100% - 1px);
  width: 100vw;
  height: 100%;
  background-color: var(--wp--preset--color--custom-kaki);
  z-index: -1;
}

.prosidebar nav ul,
.prosidebar nav ul li,
.prosidebar nav ul li a {
  width: 100%;
}

.prosidebar nav ul li a {
  padding: 10px var(--wp--preset--spacing--1);
  border-bottom: 1px solid var(--wp--preset--color--custom-blanc);
}

.prosidebar nav ul li.current-menu-item a {
  background-color: var(--wp--preset--color--custom-vert);
  font-weight: 700;
}

.prosidebar li.current-cat a,
.prosidebar .current-link p a,
.prosidebar .current-link a {
  font-weight: 700;
}

.blog .current-link p a,
.blog .current-link a {
  font-weight: 400;
}

.blog .current-link > p a {
  font-weight: 700;
}

.category .prosidebar li.current-cat a {
  font-weight: 700;
}

.category .prosidebar .current-link a {
  font-weight: 400;
}

.prosidebar > .wp-block-group:nth-child(2) {
  max-height: calc(100vh - 270px);
  overflow: auto;
  direction: rtl;
  /* Compatibilité Firefox */
  scrollbar-width: thin;
  scrollbar-color: var(--wp--preset--color--custom-blanc) var(--wp--preset--color--custom-kaki);
  /* Compatibilité Webkit (Chrome, Safari, Edge) */
}
.prosidebar > .wp-block-group:nth-child(2)::-webkit-scrollbar {
  width: 8px;
}
.prosidebar > .wp-block-group:nth-child(2)::-webkit-scrollbar-track {
  background: var(--wp--preset--color--custom-kaki);
}
.prosidebar > .wp-block-group:nth-child(2)::-webkit-scrollbar-thumb {
  background-color: var(--wp--preset--color--custom-blanc);
  border-radius: 4px;
  border: 2px solid var(--wp--preset--color--custom-kaki);
}

.prosidebar > .wp-block-group:nth-child(2) > * {
  direction: ltr;
}

.prosidebar-account .current-link {
  background-color: var(--wp--preset--color--custom-blanc)!important;
}

.prosidebar-account .current-link a {
  color: var(--wp--preset--color--custom-kaki)!important;
}

.prosidebar-account .current-link figure {
  filter: invert(1);
  -webkit-filter: invert(1);
}

.is-style-sidebar-categories {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: var(--wp--preset--spacing--1);
  padding-left: var(--wp--preset--spacing--1);
  list-style: none;
}

.is-style-sidebar-categories a {
  display: block;
  width: 100%;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--wp--preset--color--custom-kaki);
  text-decoration: none;
  text-transform: uppercase;
}

.btn-conf {
  position: relative;
  overflow: hidden;
}

.btn-conf::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--wp--preset--color--custom-kaki);
  z-index: 1;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease-in-out;
}

.btn-conf:hover::before {
  transform: scaleX(1);
}

.btn-conf > * {
  position: relative;
  z-index: 2;
}

.admin-notice {
  width: 100%;
  background-color: #F9F8F8;
  color: var(--wp--preset--color--custom-noir);
  margin-top: 0;
  margin-bottom: var(--wp--preset--spacing--3);
  padding: 1rem;
  border-radius: 0.5rem;
  border-left: 4px solid var(--wp--preset--color--custom-kaki);
  text-align: center;
}

.commercial-notice {
  width: 100%;
  background-color: #F9F8F8;
  color: var(--wp--preset--color--custom-noir);
  margin-top: 0;
  margin-bottom: var(--wp--preset--spacing--3);
  padding: 1rem;
  border-radius: 0.5rem;
  border-left: 4px solid var(--wp--preset--color--custom-vert);
  text-align: center;
}

.wp-block-search__button {
  background-color: var(--wp--preset--color--custom-kaki)!important;
  color: var(--wp--preset--color--custom-blanc)!important;
  font-family: var(--wp--preset--font-family--ofelia-display)!important;
  font-size: var(--wp--preset--font-size--2)!important;
  text-transform: uppercase!important;
  border-radius: 100px;
  transition: background-color 0.3s ease-in-out;
}

.wp-block-search__button:hover {
  background-color: var(--wp--preset--color--custom-vert)!important;
}

.wp-block-search__button:active {
  background-color: var(--wp--preset--color--custom-vert)!important;
}

.wp-block-search__input {
  width: 100%;
  padding: 10px;
  font-family: var(--wp--preset--font-family--ofelia-display);
  font-size: var(--wp--preset--font-size--2);
  border: 1px solid var(--wp--preset--color--custom-beige);
  border-radius: 8px;
}

.wp-block-search__input:focus {
  border-color: var(--wp--preset--color--custom-kaki);
}

.wp-block-search__input:focus-visible {
  outline: none;
}

.search-results .wp-block-post {
  background-color: #f9f9f9;
  border: 1px solid var(--wp--preset--color--custom-beige);
  border-radius: 5px;
  transition: border 0.3s ease-in-out;
}

.search-results .wp-block-post:hover {
  border-color: var(--wp--preset--color--custom-kaki);
}

.search-results .wp-block-post .wp-block-post-title {
  font-size: var(--wp--preset--font-size--3)!important;
  margin: 0;
}

.search-results .wp-block-post .wp-block-post-title a {
  display: flex;
  align-items: center;
  flex-flow: wrap;
  gap: 0.5rem;
  color: var(--wp--preset--color--custom-kaki);
  padding: var(--wp--preset--spacing--1);
}

.search-results .wp-block-post.search-result-attachment .attachment-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23416B2A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><path d="M9 15h6"></path><path d="M9 18h6"></path><path d="M9 12h2"></path></svg>');
  background-repeat: no-repeat;
  background-position: center;
  transform: translateY(-2px);
}

.accueil-delai {
  position: relative;
  cursor: pointer;
  transition: color 0.3s ease-in-out;
}

.accueil-delai::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--wp--preset--color--custom-vert);
  z-index: -1;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.accueil-delai:hover::before {
  opacity: 1;
}

.accueil-delai:hover {
  color: var(--wp--preset--color--custom-blanc);
}

.accueil-delai figure img {
  transform: translateX(-1px);
}

.accueil-delai a {
  text-decoration: none;
}

.accueil-delai-orcab {display: none!important;}
.user-reseau-orcab .accueil-delai-orcab {display: block!important;}
.user-role-commercial .accueil-delai-orcab {display: block!important;}
.user-role-administrator .accueil-delai-orcab {display: block!important;}
.editor-styles-wrapper .accueil-delai-orcab {display: block!important;}

.accueil-delai-reveau {display: none!important;}
.user-reseau-reveau .accueil-delai-reveau {display: block!important;}
.user-role-commercial .accueil-delai-reveau {display: block!important;}
.user-role-administrator .accueil-delai-reveau {display: block!important;}
.editor-styles-wrapper .accueil-delai-reveau {display: block!important;}

.user-role-administrator .informations-juridiques,
.user-role-administrator .interlocuteurs,
.user-role-commercial .informations-juridiques,
.user-role-commercial .interlocuteurs {
  display: none!important;
}

.only-admin-commercial {display: none!important;}
.user-role-commercial .only-admin-commercial {display: flex!important;}
.user-role-administrator .only-admin-commercial {display: flex!important;}
.gamme-list-item {
  position: relative;
}

.gamme-list-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--wp--preset--color--custom-kaki);
  z-index: 1;
  opacity: 0;
  transform: scaleX(0.5) scaleY(0);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.gamme-list-item:hover::before {
  opacity: 0.6;
  transform: scaleX(1) scaleY(1);
}

.gamme-list-item * {
  position: relative;
  z-index: 2;
}

/*
.r-bg {
  position: relative;
}

.r-bg::before {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: calc(-1 * var(--wp--preset--spacing--5));
  left: 65%;
  width: 700px;
  max-width: 35vw;
  height: 100%;
  background-image: url(./assets/chart/r.svg);
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
  pointer-events: none;
}
*/

.catalogues-outils figure a img {
  transition: transform 0.3s ease-in-out;
}

.catalogues-outils figure a:hover img {
  transform: scale(1.05) rotate(1deg);
}

.catalogues-outils .wp-block-buttons {
  display: none!important;
}

/* Styles pour l'impression */
@media print {
    /* Masquer les éléments non nécessaires à l'impression */
    header,
    nav,
    .wp-block-navigation,
    footer,
    .print-hide {
        display: none !important;
    }
    
    /* Réinitialiser les marges et paddings pour l'impression */
    body {
        margin: 0;
        font-size: 12pt!important;
        line-height: 1.4!important;
        color: #000!important;
        background: white!important;
    }
    
    /* Styles spécifiques pour les éléments à imprimer */
    .print-only {
        display: block !important;
    }
    
    .print-section {
        page-break-inside: avoid;
        margin-bottom: 20px;
    }
    
    /* Forcer les couleurs pour l'impression */
    * {
        -webkit-print-color-adjust: exact !important;
        color-adjust: exact !important;
    }
}

/* Classes utilitaires pour l'impression */
.print-hide {
    /* Sera masqué à l'impression via @media print */
}

.print-only {
    display: none;
}

@media print {
    .print-only {
        display: block !important;
    }
}

/* Styles pour les éléments de menu restreints */
.menu-item-restricted {
  display: none !important;
}

/* Message d'accès refusé */
.access-denied-message {
  width: 100%;
  padding: 15px;
  margin: 0;
  background-color: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
  border-radius: 4px;
  font-weight: bold;
  text-align: center;
}

/* Animation pour masquer le message */
.access-denied-message.fade-out {
  opacity: 0;
  transition: opacity 0.5s ease-out;
}

.user-role-sous_client:not(.user-has-sav) .sc-sav {display: none!important;}
.user-role-sous_client:not(.user-has-commandes) .sc-commandes {display: none!important;}
.user-role-sous_client:not(.user-has-factures) .sc-factures {display: none!important;}
.user-role-sous_client:not(.user-has-ressources) .sc-ressources {display: none!important;}
.user-role-sous_client:not(.user-has-conditions_clients) .sc-conditions_clients {display: none!important;}

.user-role-guest .header-nav {display: none!important;}
.user-role-guest .footer-menu {display: none!important;}

/* ===== SIDEBAR MOBILE ===== */
@media (max-width: 768px) {

  .prosidebar-outil > div:first-child {
    flex-direction: row;
    flex-flow: wrap;
    gap: var(--wp--preset--spacing--1);
  }

  .prosidebar-outil > div:first-child figure {
    margin: 0!important;
    width: 30px!important;
    height: 30px!important;
  }

  .prosidebar-outil > div:first-child figure img {
    width: 30px;
    height: auto;
  }

  .prosidebar-outil > div:first-child p {
    font-size: var(--wp--preset--font-size--4)!important;
    font-weight: 600!important;
    color: var(--wp--preset--color--custom-blanc)!important;
  }

  /* Masquer la sidebar desktop sur mobile */
  .prosidebar-account {
    display: none !important;
  }

  /* Masquer aussi la sidebar ressources desktop sur mobile */
  .prosidebar-ressources {
    display: none !important;
  }

  /* Masquer aussi la sidebar actus desktop sur mobile */
  .prosidebar-actus {
    display: none !important;
  }

  /* Container pour le menu mobile */
  .prosidebar-mobile {
    display: block;
    position: relative;
    z-index: 1000;
    margin-top: 0;
  }

  /* Header mobile avec nom d'entreprise et bouton menu */
  .prosidebar-mobile-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--wp--preset--spacing--2);
    background-color: var(--wp--preset--color--custom-kaki);
    color: var(--wp--preset--color--custom-blanc);
    border-top-right-radius: 20px;
    transform: translateX(-20px);
    width: calc(100% + 20px);
  }

  .prosidebar-mobile-header .user-info-block {
    display: flex;
    align-items: center;
    gap: var(--wp--preset--spacing--1);
  }

  .prosidebar-mobile-header .user-info-block figure {
    margin: 0;
    width: 30px;
    height: 30px;
  }

  .prosidebar-mobile-header .user-info-block figure img {
    width: 30px;
    height: auto;
  }

  .prosidebar-mobile-header .user-info-block-value {
    font-size: var(--wp--preset--font-size--4);
    font-weight: 600;
    color: var(--wp--preset--color--custom-blanc);
  }

  /* Bouton hamburger */
  .prosidebar-mobile-toggle {
    background: none;
    border: none;
    color: var(--wp--preset--color--custom-blanc);
    font-size: 24px;
    cursor: pointer;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    background-color: var(--wp--preset--color--custom-vert);
    transition: background-color 0.3s ease;
  }

  .prosidebar-mobile-toggle:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }

  /* Icône hamburger */
  /*
  .prosidebar-mobile-toggle::before {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><rect x="4" y="7.5" width="16" height="1.5" fill="white"></rect><rect x="4" y="15" width="16" height="1.5" fill="white"></rect></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: block;
  }

  .prosidebar-mobile-toggle.active::before {
    background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><rect x="6" y="11.25" width="12" height="1.5" transform="rotate(45 12 12)" fill="white"></rect><rect x="6" y="11.25" width="12" height="1.5" transform="rotate(-45 12 12)" fill="white"></rect></svg>');
  }
  */
  
  .prosidebar-mobile-toggle::before {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><polygon points="9,8 15,12 9,16" fill="white"></polygon></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: block;
    transition: transform 0.3s ease;
  }

  .prosidebar-mobile-toggle.active::before {
    transform: rotate(90deg);
  }

  /* Overlay pour fermer le menu */
  .prosidebar-mobile-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1001;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }

  .prosidebar-mobile-overlay.active {
    opacity: 1;
    visibility: visible;
  }

  /* Menu coulissant */
  .prosidebar-mobile-menu {
    position: fixed;
    top: 0;
    left: -300px;
    width: 300px;
    height: 100%;
    background-color: var(--wp--preset--color--custom-kaki);
    z-index: 1002;
    transition: left 0.3s ease;
    overflow-y: auto;
    padding: var(--wp--preset--spacing--3) 0;
  }

  .prosidebar-mobile-menu.active {
    left: 0;
  }

  /* Header du menu mobile */
  .prosidebar-mobile-menu-header {
    padding: 0 var(--wp--preset--spacing--3) var(--wp--preset--spacing--3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .prosidebar-mobile-menu-header .user-info-block {
    display: flex;
    align-items: center;
    gap: var(--wp--preset--spacing--1);
  }

  .prosidebar-mobile-menu-header figure {
    margin: 0;
    width: 40px;
    height: 40px;
  }

  .prosidebar-mobile-menu-header figure img {
    width: 40px;
    height: auto;
  }

  .prosidebar-mobile-menu-header .user-info-block-value {
    font-size: var(--wp--preset--font-size--3);
    font-weight: 600;
    color: var(--wp--preset--color--custom-blanc);
  }

  /* Bouton fermer dans le menu */
  .prosidebar-mobile-menu-close {
    background: none;
    border: none;
    color: var(--wp--preset--color--custom-blanc);
    cursor: pointer;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    transition: background-color 0.3s ease;
  }

  .prosidebar-mobile-menu-close:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }

  .prosidebar-mobile-menu-close::before {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><rect x="6" y="11.25" width="12" height="1.5" transform="rotate(45 12 12)" fill="white"></rect><rect x="6" y="11.25" width="12" height="1.5" transform="rotate(-45 12 12)" fill="white"></rect></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: block;
  }

  /* Liste des éléments du menu */
  .prosidebar-mobile-menu-list {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .prosidebar-mobile-menu-item {
    margin: 0;
  }

  .prosidebar-mobile-menu-link {
    display: flex;
    align-items: center;
    gap: var(--wp--preset--spacing--2);
    padding: var(--wp--preset--spacing--1) var(--wp--preset--spacing--2);
    color: var(--wp--preset--color--custom-blanc);
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;
    font-size: var(--wp--preset--font-size--2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    transition: background-color 0.3s ease;
    position: relative;
  }

  .prosidebar-mobile-menu-link:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }

  .prosidebar-mobile-menu-link.current-link {
    background-color: var(--wp--preset--color--custom-vert);
    font-weight: 700;
  }

  .prosidebar-mobile-menu-link figure {
    margin: 0;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
  }

  .prosidebar-mobile-menu-link figure img {
    width: 32px;
    height: 32px;
    object-fit: contain;
  }

  /* Flèche pour indiquer le lien actuel */
  .prosidebar-mobile-menu-link.current-link::after {
    content: "→";
    position: absolute;
    right: var(--wp--preset--spacing--2);
    font-size: var(--wp--preset--font-size--4);
    font-weight: bold;
  }

  /* Styles spécifiques pour la sidebar ressources mobile */
  .prosidebar-mobile-menu-gamme {
    margin: 0;
  }

  .prosidebar-mobile-menu-gamme-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--wp--preset--spacing--1) var(--wp--preset--spacing--2);
    color: var(--wp--preset--color--custom-blanc);
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    font-size: var(--wp--preset--font-size--2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    background-color: rgba(255, 255, 255, 0.05);
    transition: background-color 0.3s ease;
  }

  .prosidebar-mobile-menu-gamme-title:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }

  .prosidebar-mobile-menu-gamme-title.current-link {
    background-color: var(--wp--preset--color--custom-vert);
  }

  /* Icône pour indiquer si la gamme est dépliée */
  .prosidebar-mobile-menu-gamme-title::after {
    content: "▼";
    font-size: var(--wp--preset--font-size--1);
    transition: transform 0.3s ease;
  }

  .prosidebar-mobile-menu-gamme.collapsed .prosidebar-mobile-menu-gamme-title::after {
    transform: rotate(-90deg);
  }

  /* Liste des ressources */
  .prosidebar-mobile-menu-ressources {
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.1);
    max-height: 400px;
    overflow-y: auto;
    transition: max-height 0.3s ease;
  }

  .prosidebar-mobile-menu-gamme.collapsed .prosidebar-mobile-menu-ressources {
    max-height: 0;
    overflow: hidden;
  }

  .prosidebar-mobile-menu-ressource {
    margin: 0;
  }

  .prosidebar-mobile-menu-ressource-link {
    display: block;
    padding: var(--wp--preset--spacing--1) var(--wp--preset--spacing--3);
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    font-size: var(--wp--preset--font-size--1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    transition: background-color 0.3s ease;
    position: relative;
  }

  .prosidebar-mobile-menu-ressource-link:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: var(--wp--preset--color--custom-blanc);
  }

  .prosidebar-mobile-menu-ressource-link.current-ressource {
    background-color: var(--wp--preset--color--custom-vert);
    color: var(--wp--preset--color--custom-blanc);
    font-weight: 600;
  }

  .prosidebar-mobile-menu-ressource-link.current-ressource::after {
    content: "→";
    position: absolute;
    right: var(--wp--preset--spacing--2);
    font-size: var(--wp--preset--font-size--2);
    font-weight: bold;
  }

  /* Masquer la sidebar desktop complètement sur mobile */
  @media (max-width: 768px) {
    .prosidebar-account {
      display: none !important;
    }
  }
}

/* Styles pour les écrans plus grands - masquer le menu mobile */
@media (min-width: 769px) {
  .prosidebar-mobile {
    display: none !important;
  }
}

.grecaptcha-badge {
  display: none !important;
}