/* Company List Container */
#companies {
max-height: 90vh;
overflow-y: auto;
}

/* Individual Company Block */
.company {
margin: var(--spacing-base) 0;
padding: var(--spacing-base);
display: flex;
align-items: center;

border: 2px solid var(--border-color);
border-radius: var(--border-radius);
transition: var(--transition-base);
}

/* Hover Effect */
.company:hover {

transform: translateY(-1px);
}

/* Company Name */
.company .company-name {
margin-right: var(--spacing-base);
color: var(--color-primary);
cursor: pointer;
font-size: var(--font-size-base);
font-weight: bold;
text-decoration: none;
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.6);
transition: var(--transition-base);
}

.company-name:hover {
text-decoration: underline;
color: var(--color-accent);
text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
}

/* Open Window Link */
.company .open-window {
font-size: 0.9rem;
color: var(--color-primary);
text-decoration: none;
transition: var(--transition-base);
}

.company .open-window:hover {
color: var(--color-accent);
}

/* Sub-Companies Indentation */
#companies .sub-companies {
margin-left: 20px;
padding-left: var(--spacing-base);
border-left: 2px dashed var(--color-primary);
}

/* Scrollbar Customization */
#companies::-webkit-scrollbar {
width: 8px;
}

#companies::-webkit-scrollbar-thumb {
background: linear-gradient(to top, var(--color-primary), var(--color-primary-ghost));
border-radius: 10px;
}

#companies::-webkit-scrollbar-thumb:hover {
background-color: var(--color-primary);
}

#locationList,
#contactList {
display: flex;
flex-wrap: wrap;
}

#locationList .card,
#contactList .card {
min-width: 357px;
max-width: 457px;
margin: 5px;
}