/* Custom CSS to override logo size in Zudoku */
/* Target logo on all pages - documentation and API reference */

/* General logo selectors - very broad to catch all cases */
img[alt*="logo" i],
img[alt*="Logo"],
header img,
nav img,
header a img,
nav a img,
a[href="/"] img,
a[href="/api"] img {
  max-height: 40px !important;
  max-width: 70px !important;
  width: 70px !important;
  height: auto !important;
}

/* Zudoku-specific logo selectors */
[data-logo],
.logo img,
.site-logo img,
.theme-logo img,
header .logo img,
nav .logo img,
header .logo,
nav .logo,
.logo,
.site-logo,
.theme-logo {
  max-height: 40px !important;
  max-width: 70px !important;
  width: 70px !important;
  height: auto !important;
}

/* API Reference page specific selectors - more aggressive */
.api header img,
.api nav img,
.api .logo img,
.api .theme-logo img,
.api header .logo,
.api nav .logo,
[data-page-type="api"] header img,
[data-page-type="api"] nav img,
[data-page-type="api"] header .logo,
[data-page-type="api"] nav .logo {
  max-height: 40px !important;
  max-width: 70px !important;
  width: 70px !important;
  height: auto !important;
}

/* Documentation page specific selectors */
[data-page-type="doc"] header img,
[data-page-type="doc"] nav img,
[data-page-type="doc"] header .logo,
[data-page-type="doc"] nav .logo,
.docs header img,
.docs nav img,
.docs header .logo,
.docs nav .logo {
  max-height: 24px !important;
  max-width: 24px !important;
  width: 24px !important;
  height: auto !important;
}

/* Catch-all for any logo container */
header a[href="/"],
nav a[href="/"],
header a[href="/api"],
nav a[href="/api"] {
  display: inline-flex;
  align-items: center;
}

header a[href="/"] img,
nav a[href="/"] img,
header a[href="/api"] img,
nav a[href="/api"] img {
  max-height: 40px !important;
  max-width: 100px !important;
  width: 100px !important;
  height: auto !important;
}