#afm-partner-wrapper {
font-family: sans-serif;
color: #333;
} .afm-search-wrapper {
margin-bottom: 20px;
}
#afm-search-input {
width: 100%;
padding: 12px;
border: 1px solid #ddd;
border-radius: 8px;
font-size: 16px;
box-sizing: border-box;
} .afm-content-grid {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
}
@media (min-width: 960px) {
.afm-content-grid {
grid-template-columns: 1fr 2fr;
}
} #afm-partner-list-container {
background-color: #f9f9f9;
padding: 20px;
border-radius: 8px;
height: 500px;
overflow-y: auto;
}
.afm-list-title {
margin-top: 0;
color: #222;
}
.afm-country-header {
font-size: 20px;
font-weight: bold;
color: #005a99; margin-top: 24px;
margin-bottom: 12px;
border-bottom: 2px solid #eee;
padding-bottom: 8px;
} .afm-card {
background: #fff;
border: 1px solid #ddd;
border-radius: 8px;
padding: 15px;
margin-bottom: 10px;
transition: all 0.3s ease;
}
.afm-card.mappable {
cursor: pointer;
}
.afm-card.mappable:hover {
border-color: #0073aa;
box-shadow: 0 4px 10px rgba(0,0,0,0.05);
transform: translateY(-2px);
}
.afm-card.non-mappable {
cursor: default;
background-color: #fcfcfc;
color: #888;
}
.afm-card.non-mappable .afm-card-company {
color: #666;
}
.afm-card-company {
font-weight: bold;
font-size: 16px;
margin: 0 0 5px 0;
}
.afm-card-address, .afm-card-contact {
font-size: 14px;
margin: 3px 0;
}
.afm-card-contact a {
color: #0073aa;
text-decoration: none;
}
.afm-card-contact a:hover {
text-decoration: underline;
} .afm-map-container {
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
#afm-map {
width: 100%;
height: 500px;
} .afm-popup-company {
font-weight: bold;
}
.afm-popup-button {
margin-top: 8px;
padding: 0;
border: none;
background: none;
color: #0073aa;
text-decoration: underline;
cursor: pointer;
font-size: 12px;
} .custom-scrollbar::-webkit-scrollbar { width: 8px; }
.custom-scrollbar::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #ccc; border-radius: 10px; }
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #999; }