@font-face {
  font-family: "MElleHK-Medium";
  src: url("fonts/MElleHK-Medium.woff2") format("woff2"),
   url("fonts/MElleHK-Medium.woff") format("woff"),
   url("fonts/MElleHK-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

:root {
	--tw-color-primary: #e66f2d; /* 橙色主色 - PDF 風格 */
}
* {
  font-family: "MElleHK-Medium", 'Noto Sans TC', system-ui, -apple-system, sans-serif;
}

        
        .hero-bg {
            background: linear-gradient(135deg, #f8f1e3 0%, #ffe6d1 100%);
        }
        
        .section-header {
            position: relative;
        }
        
        .section-header::after {
            content: '';
            position: absolute;
            bottom: -6px;
            left: 0;
            width: 60px;
            height: 4px;
            background: #e66f2d;
            border-radius: 9999px;
        }
        
        .reward-ladder {
            position: relative;
        }
        
        .reward-ladder::before {
            content: '';
            position: absolute;
            left: 50%;
            top: 10px;
            bottom: 100px;
            width: 6px;
            background: linear-gradient(to bottom, #e66f2d, #f8b76c);
            transform: translateX(-50%);
            z-index: 0;
        }
        
        .nav-link {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        
        .nav-link:hover {
            color: #e66f2d;
            transform: translateY(-1px);
        }
        
        .accordion-header {
            transition: all 0.3s ease;
        }
        
        .pdf-style-box {
            box-shadow: 0 10px 15px -3px rgb(230 111 45 / 0.1);
        }
		.text-right {
		  max-width: 40%;
		}
		.cursor-pointer{
			cursor: pointer;
		}
        @media (min-width: 68rem) {
            .custom-desktop-menu {
                display: flex !important;
                /* Forces the menu to drop to its own second line */
                flex-basis: 100%; 
                /* Aligns all items perfectly to the right */
                justify-content: flex-end; 
                
                /* Clean spacing/styling replacement for Tailwind rules */
                gap: 1.5rem;
                font-size: 1.375rem;
                font-weight: 500;
				/*padding-bottom: 0.6rem;*/
            }
            .custom-desktop-menu a {
                color: #374151;
                text-decoration: none;
                white-space: nowrap;
                transition: color 0.2s;
            }
            .custom-desktop-menu a:hover {
                color: #e66f2d;
            }
        }
		@media (max-width: 800px) and (min-width: 768px) {
            .nav-header-container {
                flex-wrap: wrap !important; /* Allow wrapping onto multiple rows */
            }
            .logo-block {
                width: 100% !important; /* Force logo to occupy full width (Line 1) */
                margin-bottom: 0.5rem;
            }
            .right-side-actions {
                margin-top: 1rem;
                padding-top: 1rem;
                order: 3; /* Positions language selector after the desktop menu on line 2 */
            }
            .custom-desktop-menu {
                margin-top: 1rem;
                order: 2; /* Positions menu links on line 2 */
                flex-grow: 1;
            }
        }
#eligibility {
  /* Adjust the pixels to match the height of your fixed header */
  scroll-margin-top: 5rem;
}