/* gume.guru V3.9 — brand directory without imagery, high-contrast home logos.
   Existing official SVGs remain local and are shown ONLY where present.
   Works with v3.7's generated official-logos.css, without downloading new assets. */

/* Brendovi: text-only list */
.brand-list-text-only .brand-card.brand-card-text {
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  min-height:94px!important;
  padding:23px 26px!important;
  border:1px solid #28425c!important;
  border-radius:12px!important;
  background:#0f253b!important;
  transition:border-color .15s,background-color .15s;
}
.brand-list-text-only .brand-card.brand-card-text:hover,
.brand-list-text-only .brand-card.brand-card-text:focus-visible {
  border-color:#6cb8ff!important;
  background:#173451!important;
  box-shadow:none!important;
}
.brand-list-text-only .brand-card .brand-card-details {flex:1;min-width:0}
.brand-list-text-only .brand-card h2{font-size:20px!important;line-height:1.25!important;color:#f4f9ff!important;margin:0!important}
.brand-list-text-only .brand-card p{font-size:12px!important;line-height:1.5!important;color:#94b4d1!important;margin:5px 0 0!important}
.brand-list-text-only .brand-card .brand-card-chevron {margin:0!important;color:#82bfff!important;font-size:19px!important;font-weight:700!important}

/* Popularni brendovi: stronger contrast and consistent sizing */
.carbon-brands {
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  gap:19px!important;
  align-items:center!important;
}
.carbon-brands>strong{font-size:15px!important;color:#f4f9ff!important;white-space:nowrap!important}
.carbon-brand-links{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:10px!important;
  min-width:0!important;
  width:100%!important;
}
.carbon-brand-links>a.carbon-brand-link{
  min-width:0!important;
  width:100%!important;
  min-height:92px!important;
  padding:10px 7px!important;
  border:1px solid #2b435b!important;
  border-radius:10px!important;
  background:#111e2d!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  gap:9px!important;
  text-decoration:none!important;
  overflow:hidden!important;
}
.carbon-brand-links>a.carbon-brand-link:hover,
.carbon-brand-links>a.carbon-brand-link:focus-visible {
  background:#162b43!important;
  border-color:#5aa9fa!important;
}
/* Dynamic V3.7 official-logos.css sets display:block and background-image only for verified files. */
.carbon-brand-link .verified-brand-image {
  height:42px!important;
  width:min(148px,100%)!important;
  max-width:100%!important;
  flex-shrink:0!important;
  background-color:#f6f8fb!important;
  background-size:calc(100% - 12px) auto!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  border-radius:5px!important;
  border:1px solid rgba(255,255,255,.15)!important;
  filter:none!important;
}
.carbon-brand-links .carbon-brand-link .verified-brand-label {
  font-size:14px!important;
  font-weight:750!important;
  line-height:1.15!important;
  color:#edf6ff!important;
  display:block!important;
  text-transform:none!important;
  text-align:center!important;
  overflow-wrap:anywhere!important;
}
.carbon-brand-link .verified-brand-image:not([style]) { /* image display still controlled by verified CSS */ }
.carbon-brands>a:last-child{color:#a7d1ff!important;font-weight:700!important;font-size:12px!important;white-space:nowrap!important}
@media(max-width:1350px){
  .carbon-brands{grid-template-columns:1fr auto!important}
  .carbon-brand-links{grid-column:1 / -1!important;grid-row:2!important}
}
@media(max-width:900px){
  .carbon-brand-links{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .brand-list-text-only{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:600px){
  .carbon-brands{gap:12px!important}
  .carbon-brand-links{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .carbon-brand-links>a.carbon-brand-link{min-height:86px!important}
  .carbon-brand-links .verified-brand-label{font-size:13px!important}
  .brand-list-text-only{grid-template-columns:1fr!important}
  .brand-list-text-only .brand-card.brand-card-text{min-height:78px!important;padding:18px 19px!important}
}