/* File Name: onboarding.css
Path: wp-content/plugins/navisa-onboarding/assets/css/onboarding.css
Module: Onboarding Slider Styles
Structure Location: plugins/navisa-onboarding/assets/css/onboarding.css */

/* ========== Onboarding Slider Styles ========== */

· {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  }

html.navisa-onboarding-active,
html.navisa-onboarding-active body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
overflow: hidden;
position: fixed;
touch-action: manipulation;
-ms-touch-action: manipulation;
}

html.navisa-onboarding-active body {
font-family: 'IRANSans', 'Vazirmatn', 'Tahoma', sans-serif;
direction: rtl;
background-color: #ffffff;
}

/* Swiper container full screen */
.navisa-onboarding-swiper {
width: 100%;
height: 100%;
}

.navisa-onboarding-swiper .swiper-slide {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 32px 24px 80px;
text-align: center;
background: #ffffff;
}

.navisa-onboarding-slide-image {
width: 220px;
height: 220px;
object-fit: contain;
margin-bottom: 24px;
animation: ob-fade-in 0.6s ease;
}

.navisa-onboarding-slide-text {
font-size: 1rem;
font-weight: 500;
color: #424242;
line-height: 1.8;
animation: ob-fade-in 0.6s ease 0.2s forwards;
opacity: 0;
}

/* Buttons */
.navisa-onboarding-btn {
position: absolute;
bottom: 40px;
padding: 12px 28px;
border-radius: 12px;
font-weight: 600;
font-size: 0.95rem;
z-index: 10;
transition: background 0.3s, opacity 0.3s;
}

.navisa-onboarding-btn-next {
background: #1E88E5;
color: #ffffff;
left: 24px;
right: auto;
}

.navisa-onboarding-btn-prev {
background: #e0e0e0;
color: #424242;
right: 24px;
left: auto;
}

.navisa-onboarding-btn-enter {
background: #2E7D32;
color: #ffffff;
left: 50%;
transform: translateX(50%);
padding: 14px 48px;
}

.navisa-onboarding-btn:active {
opacity: 0.8;
}

/* First slide: only next button */
.slide-first .navisa-onboarding-btn-prev {
display: none;
}

/* Last slide: enter button instead of next */
.slide-last .navisa-onboarding-btn-next {
display: none;
}

@keyframes ob-fade-in {
to {
opacity: 1;
}
}