/* diff.css — styles lost during the SCSS rebuild, restored from the pre-rebuild
   build (backup copy). Loaded AFTER style.css and BEFORE custom.css, so custom.css
   still has the final say. Gallery object-fit and .animation-traitements rules are
   intentionally omitted (handled in custom.css / current style.css). */

.site-header .menu-item-has-children ul .menu-item .menu-item a {
  padding-left: 17px;
}
.cabinet {
  position: relative;
  overflow: hidden;
  padding-top: 286px;
  padding-bottom: 351px;
}
.cabinet img {
  position: absolute;
  top: 0;
  height: 100%;
  object-fit: cover;
}
.cabinet__wrapper {
  position: relative;
  z-index: 2;
  padding-top: 0;
  padding-bottom: 0;
  max-width: 498px;
  margin-left: auto;
  margin-right: 340px;
}
.cliniques__wrapper .cliniques__wrapper--item-title h3 {
  margin-top: 20px;
  text-align: center;
  max-width: 800px;
  margin: auto;
  margin-top: 20px;
}
.acces__wrapper--container {
  display: flex;
  justify-content: center;
  column-gap: 30px;
}
.archive-chirurgie-laser .Laser.Femtoseconde .primary-button, .archive-chirurgie-laser .Laser.Excimer .primary-button {
  display: none;
}
.cv-page .cv .cv-bg {
  position: absolute;
  z-index: -1;
  height: 100%;
  object-fit: cover;
  height: auto;
}
.cv-page .cv__wrapper {
  padding-bottom: 100px;
  position: relative;
}
.cv-page .cv__wrapper .primary-button {
  margin-top: 30px;
}
.cv-page .cv__wrapper::after {
  content: "";
  display: block;
  height: 2px;
  background: #FE9F52;
  width: 51%;
  position: absolute;
  bottom: 0;
  right: 0;
}
.cv-page .cv__wrapper::before {
  content: "";
  display: block;
  height: 11px;
  width: 11px;
  border-radius: 11px;
  background: #FE9F52;
  position: absolute;
  bottom: -4px;
  right: 51%;
}
.cv-page .cv__wrapper--content {
  max-width: 1240px;
  display: flex;
  margin: auto;
  column-gap: 32px;
}
.cv-page .cv__wrapper--content .image-container {
  display: block;
  max-width: 604px;
  width: 100%;
  height: 100%;
  position: relative;
}
.cv-page .cv__wrapper--content .image-container::after {
  content: "";
  display: block;
  height: 2px;
  background: #FE9F52;
  width: 138%;
  position: absolute;
  bottom: 0;
  left: -55%;
}
.cv-page .cv__wrapper--content .image-container::before {
  content: "";
  display: block;
  height: 11px;
  width: 11px;
  border-radius: 11px;
  background: #FE9F52;
  position: absolute;
  bottom: -4px;
  right: 17%;
}
.cv-page .cv__wrapper--content img {
  display: block;
  max-width: 604px;
  width: 100%;
  height: 100%;
  position: relative;
}
.cv-page .cv__wrapper--content-right {
  max-width: 604px;
  width: 100%;
}
.cv-page .cv__wrapper--content-right ul {
  margin: 0;
  padding: 0;
  margin-left: 20px;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.cv-page .cv__wrapper--content-right ul li {
  font-weight: 300;
}
.page-clinique .clinique__top--left {
  max-width: 604px;
  margin: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 100px;
}
.page-clinique .clinique__top--left .logo-top {
  margin-bottom: 40px;
  max-width: 392px;
}
.page-clinique .clinique__top--right {
  max-width: 838px;
}
.page-clinique .clinique-bottom img {
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.page-single .single-section .wp-block-image.size-large {
  width: 100%;
}
.page-single .single-section .wp-block-image.size-large img {
  width: 100%;
  max-width: 100%;
}
.page-single .single-section .wp-block-image img {
  max-width: 392px;
}
.page-single .single-section .wp-block-list {
  max-width: 1028px;
  margin: auto;
  margin-top: 20px;
}
.page-single .single-section p {
  margin: 20px auto;
  text-align: justify;
}
.page-single .single-section .custom-block h2 {
  text-align: left;
}
.page-single .single-section h4 {
  font-size: 20px;
  color: #FE9F52;
  line-height: 22px;
  margin: 0 auto;
  margin-bottom: 20px;
  font-weight: 400;
  margin-top: 32px;
}
.page-single .custom-block.changed .custom-block__wrapper {
  flex-direction: row-reverse;
}
.page-single .wp-block-video {
  max-width: 1028px;
  margin: auto;
}
.wpcf7-not-valid-tip {
  font-family: "SinkinSans";
  text-transform: none;
  font-size: 12px !important;
}
@media screen and (max-width: 880px) {
  .archive-traitements .traitements-category__wrapper--hero-title {
    flex-direction: column;
    align-items: center;
    padding-right: 20px;
    padding-left: 20px;
  }
  .archive-traitements .traitements-category__wrapper--hero-title .text-right {
    margin: auto;
  }
  .archive-traitements .traitements-category__wrapper--posts .traitements-category-post .traitements__wrapper--post-container {
    flex-direction: column;
    align-items: center;
  }
  .archive-traitements .traitements-category__wrapper--posts .traitements-category-post .traitements-category-post--right img {
    left: 0;
    right: 0;
  }
  .archive-traitements .traitements-category__wrapper--posts .traitements-category-post:nth-child(2n) .traitements__wrapper--post-container {
    flex-direction: column;
  }
  .archive-traitements .traitements-category__wrapper--hero .background-chirurgie {
    position: absolute;
  }
  .archive-traitements .traitements-category__wrapper--posts .traitements-category-post--left {
    padding-right: 20px;
    padding-left: 20px;
  }
  .archive-traitements .traitements-category__wrapper--hero-title.active .traitements-category__wrapper--hero-image::after {
    left: 80px !important;
    transform: scale(0.7) !important;
  }
  .archive-traitements.changed .traitements-category__wrapper--hero-title {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .archive-traitements.changed .traitements-category__wrapper--hero-title .text-right {
    margin: 0;
    margin-top: 20px;
  }
  .archive-traitements.changed .traitements-category-post .traitements__wrapper--post-container {
    flex-direction: column !important;
  }
  .archive-traitements.changed .traitements-category-post .background {
    position: absolute !important;
  }
  .archive-traitements .traitements-category__wrapper--hero-title p {
    text-align: center;
  }
  .archive-traitements .traitements-category__wrapper h1 {
    margin-top: 50px;
  }
}
.chirurgie-background_mobile {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .chirurgie-background {
    display: none !important;
  }
  .chirurgie-background_mobile {
    display: block !important;
  }
  .page-clinique .clinique__top {
    padding: 0 20px;
  }
  .page-clinique .clinique-bottom__wrapper {
    padding-right: 20px;
    padding-left: 20px;
  }
  .page-clinique .clinique-bottom__wrapper .primary-button {
    font-size: 14px;
  }
  .page-clinique .clinique-bottom {
    min-height: 500px;
  }
  .parcours__progress-line {
    left: 25px;
  }
  .home-page .parcours__wrapper {
    margin: 0;
    padding: 0 10px;
  }
  .home-page .parcours img {
    filter: blur(8px);
  }
  .honoraires__wrapper--content img {
    width: 90%;
  }
  .page-conseils .conseils__wrapper .conseils-row .conseils__wrapper--post {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .page-conseils .conseils__wrapper {
    padding: 0 20px;
  }
  .wp-block-image .alignright {
    margin: 0;
  }
  .page-single .single-section .wp-block-image img {
    width: 100%;
  }
  .page-single .single-section p {
    padding: 0;
  }
  .page-single .single-section .wp-block-columns h3 {
    padding: 0;
  }
  .page-single .single-section p {
    padding: 0 20px;
  }
  .page-single .single-section h2 {
    font-size: 28px;
    line-height: 42px;
  }
  .page-single .single-section .wp-block-list {
    padding: 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .home-page .doctor__wrapper {
    padding-bottom: 40px;
  }
  .home-page .gallery-images .arrows {
    top: 450px;
    width: 50%;
  }
  .location__content--first-time {
    white-space: nowrap;
  }
  .location__content--second-time {
    white-space: nowrap;
  }
  .page-single .wp-block-video {
    padding: 0 20px;
  }
  .page-conseils .conseils__wrapper .conseils-row {
    margin-bottom: 0;
  }
  .page-conseils .conseils__wrapper .conseils-row .conseils__wrapper--post {
    flex-direction: column-reverse;
  }
  .page-conseils .popup-close {
    top: 28%;
    right: 25px;
    background: orange;
    height: 30px;
    width: 30px;
    line-height: 10px;
    padding-top: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .page-conseils #popup-video-container iframe {
    height: 35vh;
  }
  .archive-traitements .traitements-category__wrapper--hero-title {
    padding-top: 0;
  }
  .archive-traitements .traitements-category__wrapper--hero-title.active .traitements-category__wrapper--hero-image::after {
    position: relative;
    left: 0 !important;
    margin: auto;
    top: 0;
  }
  .archive-traitements.changed .traitements-category__wrapper--hero-title.active .traitements-category__wrapper--hero-image::after {
    display: none;
  }
  .archive-traitements .traitements-category__wrapper--hero-title .traitements-category__wrapper--hero-image {
    height: 400px;
  }
}
.breadcrumbs__content .retour-button {
  display: flex;
  align-items: center;
  column-gap: 16px;
  cursor: pointer;
  position: relative;
}
.breadcrumbs__content .retour-button svg:nth-child(1) {
  opacity: 1;
  transition: 0.3s all;
  position: absolute;
}
.breadcrumbs__content .retour-button svg:nth-child(2) {
  opacity: 0;
  transition: 0.3s all;
}
.breadcrumbs__content .retour-button:hover svg:nth-child(1) {
  opacity: 0;
  transition: 0.3s all;
}
.breadcrumbs__content .retour-button:hover svg:nth-child(2) {
  opacity: 1;
  transition: 0.3s all;
}
.site-footer .site-info .site-footer__bottom a:hover {
  text-decoration: underline;
}
.location a:hover, .phone a:hover {
  color: #FE9F52;
}
.site-footer .site-info .site-footer__bottom svg:hover path {
  fill: #FE9F52;
}
.site-footer .site-info .site-footer__bottom a, .site-footer .site-info .site-footer__bottom p {
  font-weight: 400;
}
.site-footer .site-info .site-footer__bottom .site-footer__bottom--right p {
  letter-spacing: 3px;
}
.site-footer .site-info .site-footer__bottom .site-footer__bottom--copyright .under-year p {
  letter-spacing: 3px;
}
.site-footer .site-info .site-footer__bottom .site-footer__bottom--copyright .year p {
  letter-spacing: 3px;
}
#widgetObject {
  right: 0;
  height: 87%;
  top: 116px;
  bottom: 0;
  margin: auto;
  position: absolute;
}
.widget-object {
  pointer-events: none;
  opacity: 0;
}
.widget-object.active {
  opacity: 1;
  pointer-events: all;
}
.no-style-btn {
  display: none !important;
}
.widget-object {
  width: 99.2vw;
  height: 100vh;
  position: fixed;
  top: 0;
  z-index: 99;
  background: rgba(255, 255, 255, 0.2901960784);
  backdrop-filter: blur(8px);
}
.close-widget {
  position: absolute;
  top: 118px;
  right: 596px;
  width: 55px;
  height: 55px;
  background: #127ba2;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 17%;
  right: 2%;
}
.close-widget::after {
  content: "";
  display: block;
  width: 30px;
  height: 2px;
  transform: rotate(45deg);
  background: #fff;
  position: absolute;
}
.close-widget::before {
  content: "";
  display: block;
  width: 30px;
  height: 2px;
  transform: rotate(135deg);
  background: #fff;
}
.archive-traitements .traitements-category__wrapper--posts .traitements-category-post:nth-child(2n) .traitements-category-post--right.active img {
  width: 100%;
}
.Anesthsiesemisommeil .traitements-category-post--right {
  max-width: 424px;
}
.ImplantToric .traitements-category-post--right.active img {
  top: -50px;
  right: 98px;
}
.Implantmultifocal .traitements-category-post--right.active img {
  right: 70px;
  top: -40px;
}
.Implantmonofocal .traitements-category-post--right.active img {
  right: 100px;
  top: -52px;
}
.Implantprofondeurdechamp .traitements-category-post--right.active img {
  right: 90px;
  top: -20px;
}
.Anesthsiesemisommeil .traitements-category-post--right.active img {
  right: 105px !important;
  top: 43px !important;
}
.ImplantICL .traitements-category-post--right.active img {
  right: 73px;
  top: -40px;
}
.Implantclipliris .traitements-category-post--right.active img {
  top: -45px;
  right: 95px;
}
.hide {
  display: none;
}
@media screen and (max-width: 1050px) {
  .traitements__wrapper .traitements__wrapper--item:nth-child(2) .traitements__wrapper--item-right {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .home-page .doctor__wrapper img {
    order: 1;
    width: 100%;
  }
  .home-page .traitements__wrapper--item-right img {
    width: 100%;
  }
}
.archive-chirurgie-laser .chirurgie-laser__wrapper .chirurgie-background {
  width: 100%;
  height: 600px;
  object-fit: cover;
}
.contact-popup .wpcf7 form.invalid .wpcf7-response-output {
  color: #000;
  font-family: "SinkinSans";
  border-radius: 20px;
}
.contact-popup .form-label input {
  font-family: "SinkinSans";
}
.contact-popup textarea {
  font-family: "SinkinSans";
  background: rgba(242, 237, 231, 0.6980392157);
  border: unset !important;
}
.wpcf7 form.sent .wpcf7-response-output {
  font-family: "SinkinSans";
  border-radius: 20px;
}
.contact-popup .popup-form-label p {
  font-family: "SinkinSans";
}
.contact-popup .form-label input {
  background: rgba(242, 237, 231, 0.6980392157);
  border: unset !important;
}
.form-email-phone {
  justify-content: space-between;
}
.contact-popup textarea::placeholder {
  font-family: "SinkinSans";
}
.close-widget-btn {
  position: absolute;
  top: 173px;
  right: 21px;
  background: #FE9F52;
  border: none;
  cursor: pointer;
  z-index: 10;
  padding: 0px;
}
.menu-rdv {
  display: none;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  z-index: 5;
  height: 100%;
  position: relative;
  padding: 0;
  max-width: 160px;
  width: 100%;
  border-radius: 10px;
  border: 1px solid #FE9F52;
}
.menu-rdv p {
  cursor: pointer;
  font-size: 16px;
  font-family: "SinkinSans";
  text-align: center;
  line-height: 30px;
  padding: 8px 14px;
  margin: 0;
  border-radius: 10px;
  transition: 0.3s all;
}
.menu-rdv p:hover {
  background: #FE9F52;
  color: #fff;
}
.rdv-overlay {
  position: relative;
  position: fixed;
  top: 600px;
  right: 294px;
  padding-right: 20px;
}
.rdv-overlay:hover .menu-rdv {
  display: block;
}
@media screen and (max-width: 1440px) {
  .site-header .prendre-rdv {
    top: 400px;
  }
  .rdv-overlay {
    top: 400px;
  }
}
@media screen and (max-width: 1100px) {
  .popup-mobile-container .prendre-rdv {
    display: block;
  }
  .popup-mobile-container .rdv-overlay {
    position: relative;
    top: 0;
    right: 0;
    max-width: 200px;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 30px;
    padding-right: 0;
  }
  .popup-mobile-container .rdv-overlay .prendre-rdv {
    position: relative;
    top: 0;
    right: 0;
    left: unset;
  }
  .site-header .popup-mobile .popup-mobile-navigation .menu {
    padding-top: 20px;
  }
  .popup-mobile .popup-mobile-navigation .menu li a {
    color: #222222 !important;
  }
  .site-header .popup-mobile-container {
    background: #fff;
  }
  .site-header .popup-mobile-container .submenu-toggle::after {
    color: #222222;
    background: #222222;
  }
  .site-header .popup-mobile-container .submenu-toggle::before {
    color: #222222;
    background: #222222;
  }
  .site-header .popup-mobile .popup-mobile-navigation .menu .menu-item-has-children .sub-menu li a {
    text-align: center;
    padding-right: 0;
  }
  .rdv-overlay:hover .menu-rdv {
    border: none;
    background: unset;
    box-shadow: none;
  }
}
.site-header {
  backdrop-filter: blur(5px);
}
@media screen and (max-height: 800px) {
  .site-header .prendre-rdv {
    top: 200px;
  }
  .rdv-overlay {
    top: 200px;
  }
}
.archive-chirurgie-laser .chirurgie-laser__wrapper--posts .chirurgie-laser-post--right {
  max-width: 440px;
}
.rdv-overlay-widget {
  position: relative;
  top: unset;
  bottom: unset;
  right: unset;
}
.rdv-overlay-widget:hover .menu-rdv {
  height: auto;
}
.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.accordion-content.open {
  max-height: 500px;
}
.accordion-title {
  cursor: pointer;
  font-weight: 400;
  font-size: 20px;
  font-family: "SinkinSans";
  position: relative;
  padding: 16px 0;
  transition: 0.3s all;
}
.accordion-title::after {
  content: "";
  display: block;
  border-top: 1px solid #222222;
  border-right: 1px solid #222222;
  padding: 5px;
  height: 10px;
  width: 10px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: rotate(135deg);
  transition: 0.3s all;
}
.accordion-title.open {
  color: #FE9F52;
}
.accordion-title.open::after {
  transform: rotate(-45deg);
  border-color: #FE9F52;
}
.traitements-category-post.Implantclippliris .traitements-category-post--right .traitements-category-image img {
  right: 100px;
  top: -60px;
}
.doctor__wrapper img {
  width: 34vw;
  height: auto;
  bottom: 0;
  margin-bottom: 0;
  right: 240px;
}
.bg-desktop {
  display: block;
}
.bg-mobile {
  display: none;
}
@media screen and (max-width: 768px) {
  .cabinet {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .bg-desktop {
    display: none;
  }
  .bg-mobile {
    display: block;
  }
  .Anesthsiesemisommeil .traitements-category-post--right.active img {
    top: 0 !important;
  }
  .pathologies__wrapper--posts {
    overflow: hidden;
  }
}
@media screen and (max-width: 400px) {
  .chirurgie-laser-post.PKR .chirurgie-laser-image.active::after {
    top: 1%;
  }
  .chirurgie-laser-post.PKR .chirurgie-laser-image.active::before {
    top: 21%;
  }
  .chirurgie-laser-post.TransPKR .chirurgie-laser-image.active::after {
    top: 1%;
  }
  .chirurgie-laser-post.TransPKR .chirurgie-laser-image.active::before {
    top: 18%;
  }
  .chirurgie-laser-post.LASIK .chirurgie-laser-image.active::after {
    top: 1%;
  }
  .chirurgie-laser-post.LASIK .chirurgie-laser-image.active::before {
    top: 3%;
  }
}