/* Amacar treff — klubb- og butikkkort v3. Isolerte klasser.
   Denne filen lastes ETTER eksisterende style.css, slik at blått/mørkt tema beholdes. */
.community-page .amacar-directory,
.community-page .amacar-directory * { box-sizing: border-box; }
.community-page .amacar-directory { display: block; width: 100%; margin: 12px 0 70px; clear: both; }
.community-page .amacar-directory-filters {
  display: flex; flex-wrap: wrap; gap: 9px; align-items: center;
  position: static; float: none; width: 100%; margin: 0 0 27px;
  padding: 0; border: 0; background: transparent;
}
.community-page .amacar-directory-filters > a {
  display: inline-flex; align-items: center; justify-content: center;
  flex: 0 0 auto; min-height: 36px; padding: 7px 12px;
  border: 1px solid #344259; color: #b3c1d1;
  font: 700 13px/1.3 var(--heading, sans-serif);
  letter-spacing: .4px; text-decoration: none;
}
.community-page .amacar-directory-filters > a.selected,
.community-page .amacar-directory-filters > a:hover { background: #214e8e; border-color: #4087e7; color: #fff; }
.community-page .amacar-directory-grid {
  display: grid; grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 20px; align-items: stretch;
  width: 100%; max-width: 100%; margin: 0; padding: 0;
  float: none; clear: both;
}
.community-page .amacar-directory-grid > .amacar-directory-card {
  display: flex; flex-direction: column; align-items: stretch;
  position: relative; width: 100%; min-width: 0; height: 100%; min-height: 440px;
  padding: 20px; margin: 0; border: 1px solid #314765;
  background: #141f2e; border-radius: 2px;
}
.community-page .amacar-directory-logo {
  flex: 0 0 126px; display: flex; justify-content: center; align-items: center;
  height: 126px; width: 100%; min-width: 0; overflow: hidden;
  background: #0b1525; border: 1px solid #294368; padding: 10px;
}
.community-page .amacar-directory-logo img {
  display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%;
  object-fit: contain; object-position: center;
}
.community-page .amacar-directory-logo .partner-logo-placeholder {
  color: #789bc5; font: 800 17px/1.1 var(--heading, sans-serif);
  letter-spacing: 1.5px; text-align: center;
}
.community-page .amacar-directory-content {
  display: flex; flex-direction: column; flex: 1 1 auto;
  min-width: 0; width: 100%; padding: 16px 0 20px;
  overflow-wrap: anywhere;
}
.community-page .amacar-directory-content .club-card-category,
.community-page .amacar-directory-content > .eyebrow {
  display: block; color: #7eb4f9; min-height: 18px;
  font: 800 12px/1.5 var(--heading, sans-serif);
  letter-spacing: .7px; margin: 0;
}
.community-page .amacar-directory-content h3 {
  color: #f5f5f3; font: 900 clamp(24px,2.25vw,31px)/1.12 var(--heading, sans-serif);
  margin: 9px 0 10px; min-height: 2.24em; overflow-wrap: anywhere;
}
.community-page .amacar-directory-content .club-card-region {
  display: block; min-height: 20px; color: #b9c7da;
  font: 500 13px/1.5 var(--body, sans-serif); margin: 0 0 8px;
}
.community-page .amacar-directory-content p {
  font: 400 13px/1.6 var(--body, sans-serif);
  color: #abbad0; margin: 0; overflow-wrap: anywhere;
}
.community-page .amacar-directory-card > .amacar-directory-visit {
  display: flex; justify-content: flex-start; align-items: center;
  flex: 0 0 auto; width: 100%; min-height: 47px;
  margin-top: auto; padding: 10px 0 0;
  border-top: 1px solid #324966;
  color: #91c0ff; font: 800 14px/1.3 var(--heading, sans-serif);
  letter-spacing: .3px; text-decoration: none;
}
.community-page .amacar-directory-card > .amacar-directory-visit:hover {color: #d3e5ff;}
@media (max-width: 1040px) {
 .community-page .amacar-directory-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 680px) {
 .community-page .amacar-directory-grid { grid-template-columns: minmax(0,1fr); gap: 15px; }
 .community-page .amacar-directory-grid > .amacar-directory-card { min-height: 440px; padding: 16px; }
 .community-page .amacar-directory-content h3 { font-size: 28px; min-height: auto; }
}