fix(navigation): tweak nav styles when adjacent

Author: nolimits4web

src/modules/navigation/navigation.css

@@ -48,44 +48,57 @@
 
 .swiper-horizontal {
   .swiper-button-prev,
-  .swiper-button-next {
+  .swiper-button-next,
+  ~ .swiper-button-prev,
+  ~ .swiper-button-next {
     top: var(--swiper-navigation-top-offset, 50%);
     margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
   }
   .swiper-button-prev,
-  .swiper-rtl .swiper-button-next {
+  & ~ .swiper-button-prev,
+  &.swiper-rtl .swiper-button-next,
+  &.swiper-rtl ~ .swiper-button-next {
     left: var(--swiper-navigation-sides-offset, 4px);
     right: auto;
   }
   .swiper-button-next,
-  .swiper-rtl .swiper-button-prev {
+  & ~ .swiper-button-next,
+  &.swiper-rtl .swiper-button-prev,
+  &.swiper-rtl ~ .swiper-button-prev {
     right: var(--swiper-navigation-sides-offset, 4px);
     left: auto;
   }
   .swiper-button-prev,
-  &.swiper-rtl .swiper-button-next {
+  & ~ .swiper-button-prev,
+  &.swiper-rtl .swiper-button-next,
+  &.swiper-rtl ~ .swiper-button-next {
     .swiper-navigation-icon {
       transform: rotate(180deg);
     }
   }
-  &.swiper-rtl .swiper-button-prev {
+  &.swiper-rtl .swiper-button-prev,
+  &.swiper-rtl ~ .swiper-button-prev {
     .swiper-navigation-icon {
       transform: rotate(0deg);
     }
   }
 }
 .swiper-vertical {
   .swiper-button-prev,
-  .swiper-button-next {
+  .swiper-button-next,
+  ~ .swiper-button-prev,
+  ~ .swiper-button-next {
     left: var(--swiper-navigation-top-offset, 50%);
     margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
   }
-  .swiper-button-prev {
+  .swiper-button-prev,
+  ~ .swiper-button-prev {
     top: var(--swiper-navigation-sides-offset, 4px);
     bottom: auto;
     transform: rotate(-90deg);
   }
-  .swiper-button-next {
+  .swiper-button-next,
+  ~ .swiper-button-next {
     bottom: var(--swiper-navigation-sides-offset, 4px);
     top: auto;
     transform: rotate(90deg);