/*!
 * ============================================================
 * QD World — Header logo size
 * ------------------------------------------------------------
 * Isolated, single-purpose override: the header logo
 * (.logo-holder img, images/logo.png) was too small on both
 * desktop and mobile. This file only touches its height and
 * the small top offset needed to keep it vertically centered
 * in the existing 80px-tall header — nothing else about the
 * header, nav, or logo image itself changes.
 *
 * Loaded after style.css/color.css so these two rules (same
 * selectors, same specificity as style.css's own) win by
 * source order — no !important needed, no HTML changed.
 * ============================================================
 */

/* Desktop / tablet / larger phones (everything above 564px,
   where style.css has no separate override of its own).
   Centered in the 80px header: (80 - 48) / 2 = 16px top. */
.logo-holder {
    top: 16px;
}

.logo-holder img {
    height: 48px;
}

/* Smallest phones — style.css already shrinks the logo here
   (24px); keep it proportionally smaller than the desktop size
   above so it doesn't crowd the hamburger menu on a narrow
   screen, while still a clear increase over the original 24px.
   Centered in the 80px header: (80 - 34) / 2 = 23px top. */
@media only screen and (max-width: 564px) {
    .logo-holder {
        top: 23px;
    }

    .logo-holder img {
        height: 34px;
    }
}