/* STREAMING_CHUNK:Configuring global typography and base page styles... /
/ style/home_style.css - สไตล์ชีตหลักสำหรับระบบ arxim ค้าส่ง */

body {
font-family: 'Prompt', sans-serif;
background-color: #f1f5f9;
color: #1e293b;
}

/* Custom Scrollbar for horizontal step bars and partner slider */
.no-scrollbar::-webkit-scrollbar {
display: none;
}

.no-scrollbar {
-ms-overflow-style: none;
scrollbar-width: none;
}

/* STREAMING_CHUNK:Styling the 3-step chevron arrow buttons... /
/ Chevron / Arrow Button Styling (3-Step Look) */
.step-arrow {
position: relative;
transition: all 0.2s ease;
clip-path: polygon(0% 0%, calc(100% - 12px) 0%, 100% 50%, calc(100% - 12px) 100%, 0% 100%, 12px 50%);
padding-left: 22px;
padding-right: 20px;
margin-right: -6px;
}

.step-arrow:first-child {
clip-path: polygon(0% 0%, calc(100% - 12px) 0%, 100% 50%, calc(100% - 12px) 100%, 0% 100%);
padding-left: 16px;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}

.step-arrow:last-child {
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 12px 50%);
padding-right: 16px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
margin-right: 0;
}

/* STREAMING_CHUNK:Defining responsive mobile rules for step buttons... /
/ Responsive Chevron sizing on mobile screens */
@media (max-width: 768px) {
.step-arrow {
clip-path: polygon(0% 0%, calc(100% - 8px) 0%, 100% 50%, calc(100% - 8px) 100%, 0% 100%, 8px 50%);
padding-left: 15px;
padding-right: 14px;
margin-right: -4px;
}

.step-arrow:first-child {
    clip-path: polygon(0% 0%, calc(100% - 8px) 0%, 100% 50%, calc(100% - 8px) 100%, 0% 100%);
    padding-left: 12px;
}

.step-arrow:last-child {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 8px 50%);
    padding-right: 12px;
}


}

/* STREAMING_CHUNK:Styling the hero port background and alpha 50% member bar... /
/ Port Background Overlay inside Hero Section */
.hero-port-bg {
background-image: linear-gradient(to right, rgba(7, 33, 70, 0.92), rgba(11, 59, 117, 0.82)), url('https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?auto=format&fit=crop&w=1600&q=80');
background-size: cover;
background-position: center;
}

/* Alpha 50% Member Bar Background (แสดงแถบสมาชิกค้างไว้บนพื้นหลังโปร่งแสง 50%) */
.member-alpha-50 {
background-color: rgba(15, 23, 42, 0.50);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}

/* STREAMING_CHUNK:Styling the 20 Partner Hub cards and smooth bounce transitions... /
/ Partner Hub Auto-Bounce Slider Cards */
#partnerHubSliderTrack {
scroll-snap-type: x proximity;
-webkit-overflow-scrolling: touch;
}

.partner-hub-card {
scroll-snap-align: start;
transition: transform 0.28s cubic-bezier(0.34, 1.56, 0.64, 1), border-color 0.2s ease, box-shadow 0.2s ease;
}

.partner-hub-card:hover {
transform: translateY(-3px) scale(1.015);
box-shadow: 0 10px 20px -5px rgba(2, 132, 199, 0.35);
}

/* Smooth Modal & Expand Animations */
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(-6px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

.animate-fadeIn {
animation: fadeIn 0.2s ease-out forwards;
}