/* School logo size overrides — loaded after logo-fixes.css and layout-polish.css */

:root {
  --logo-size: 64px;
  --logo-size-card: 64px;
  --logo-size-detail: 96px;
  --logo-size-profile: 96px;
}

.logo-mark.logo-mark--card,
.school-identity-row .logo-mark.logo-mark--card,
.card .logo-mark.logo-mark--card,
.panel .logo-mark.logo-mark--card,
.profile .logo-mark.logo-mark--card,
.autocomplete .logo-mark.logo-mark--card,
.autocomplete-school-option .logo-mark.logo-mark--card,
.card .school-identity-row .logo-mark--card {
  width: var(--logo-size-card) !important;
  height: var(--logo-size-card) !important;
  min-width: var(--logo-size-card) !important;
  min-height: var(--logo-size-card) !important;
  max-width: var(--logo-size-card) !important;
  max-height: var(--logo-size-card) !important;
  flex: 0 0 var(--logo-size-card) !important;
  padding: 8px !important;
  border-radius: 14px !important;
  box-sizing: border-box !important;
  object-fit: contain !important;
  object-position: center center !important;
}

.logo-mark.logo-mark--detail,
.school-identity-row--detail .logo-mark.logo-mark--detail,
.school-identity-row .logo-mark.logo-mark--detail,
.profile .school-identity-row--detail .logo-mark.logo-mark--detail {
  width: var(--logo-size-detail) !important;
  height: var(--logo-size-detail) !important;
  min-width: var(--logo-size-detail) !important;
  min-height: var(--logo-size-detail) !important;
  max-width: var(--logo-size-detail) !important;
  max-height: var(--logo-size-detail) !important;
  flex: 0 0 var(--logo-size-detail) !important;
  padding: 10px !important;
  border-radius: 20px !important;
  box-sizing: border-box !important;
  object-fit: contain !important;
  object-position: center center !important;
}

img.logo-mark--card,
img.logo-mark--detail,
.school-identity-row img.logo-mark,
.autocomplete-school-option img.logo-mark {
  display: block !important;
  object-fit: contain !important;
  object-position: center center !important;
}

span.logo-mark--card,
span.logo-mark--detail,
.school-identity-row span.logo-mark,
.autocomplete-school-option span.logo-mark {
  display: grid !important;
  place-items: center !important;
}

.card .school-identity-row img.logo-mark--card,
.profile .school-identity-row img.logo-mark,
.autocomplete img.logo-mark--card,
.autocomplete-school-option img.logo-mark {
  max-width: var(--logo-size-card) !important;
  max-height: var(--logo-size-card) !important;
}

.profile .school-identity-row--detail img.logo-mark--detail {
  max-width: var(--logo-size-detail) !important;
  max-height: var(--logo-size-detail) !important;
}

.school-identity-row {
  gap: 14px !important;
  align-items: center !important;
}

.school-identity-row--detail {
  gap: 18px !important;
  margin-bottom: 6px !important;
}

.autocomplete button {
  gap: 14px !important;
  min-height: calc(var(--logo-size-card) + 16px) !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.autocomplete-school-option {
  align-items: center !important;
  gap: 6px 14px !important;
}

.autocomplete-school-option .logo-mark--card,
.autocomplete-school-option .logo-mark--detail {
  align-self: center !important;
}

.card .school-identity-row {
  align-items: center !important;
}

.card .school-identity-row .logo-mark--card {
  margin-top: 0 !important;
}

@media (max-width: 640px) {
  :root {
    --logo-size: 56px;
    --logo-size-card: 56px;
    --logo-size-detail: 80px;
    --logo-size-profile: 80px;
  }

  .logo-mark.logo-mark--card,
  .school-identity-row .logo-mark.logo-mark--card,
  .card .logo-mark.logo-mark--card,
  .panel .logo-mark.logo-mark--card,
  .profile .logo-mark.logo-mark--card,
  .autocomplete .logo-mark.logo-mark--card,
  .autocomplete-school-option .logo-mark.logo-mark--card {
    padding: 6px !important;
    border-radius: 13px !important;
  }

  .logo-mark.logo-mark--detail,
  .school-identity-row--detail .logo-mark.logo-mark--detail,
  .profile .school-identity-row--detail .logo-mark.logo-mark--detail {
    padding: 8px !important;
    border-radius: 18px !important;
  }

  .school-identity-row {
    gap: 12px !important;
  }

  .autocomplete button {
    min-height: calc(var(--logo-size-card) + 12px) !important;
  }
}