/* === THANER REAL – global custom styles === */

/* Header layout (safe defaults) */
.topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

/* Brand link + logo image */
.brand {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}

/* Primary logo sizing (desktop + mobile) */
.brand img {
  height: 88px;
  width: auto;
  max-width: 100%;
  display: block;
  object-fit: contain;
}

/* Extra safety: unify size wherever the logo appears */
header img[alt*="THANER REAL"] {
  height: 88px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

/* Footer logo smaller */
footer .brand img,
footer img[alt*="THANER REAL"] {
  height: 32px;
  width: auto;
}

/* Responsive breakpoint */
@media (max-width: 640px) {
  .brand img,
  header img[alt*="THANER REAL"] {
    height: 60px;
  }
  footer .brand img,
  footer img[alt*="THANER REAL"] {
    height: 28px;
  }
}

/* Optional: if footer uses colored logo on dark bg, you can invert it:
footer .brand img { filter: brightness(0) invert(1); }
*/