/* Apply Inter and Noto Sans JP as default fonts */
body {
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Custom styles for accent color borders */
.accent-border-blue {
    border-top: 4px solid #3B82F6;
}

.accent-border-teal {
    border-top: 4px solid #10B981;
}

.accent-border-amber {
    border-top: 4px solid #F59E0B;
}

.accent-border-indigo {
    border-top: 4px solid #6366F1;
}

/* Dropdown Menu */
.dropdown {
    position: relative;
    padding-bottom: 0; /* Changed from default if needed */
}

/* Fix for dropdown closing when moving mouse from link to menu */
.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%; /* Position directly below */
    left: 0;
    margin-top: 0; /* Remove gap */
    padding-top: 0.5rem; /* Add visual spacing inside the dropdown if needed, or use a transparent border */
}

/* Use a transparent pseudo-element to bridge any gap if margin is necessary */
.dropdown::after {
    content: '';
    position: absolute;
    bottom: -10px; /* Adjust based on gap size */
    left: 0;
    width: 100%;
    height: 10px;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

/* Pricing Page Country Specific Items */
.price-item {
    display: none;
}

.price-item.active {
    display: block;
}

/* Modal/Dialog Styles */
.modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 100;
    align-items: center;
    justify-content: center;
}

.modal-overlay.active {
    display: flex;
}

.modal-content {
    background-color: white;
    padding: 2rem;
    border-radius: 0.5rem;
    max-width: 90%;
    width: 400px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    text-align: center;
}