/* ============================================================
   SB NEWS - NUCLEAR HEADER LOGO FIX
   Version: 4.0 - GUARANTEED TO WORK
   Target: Header logo image 30% bigger
   ============================================================ */

/* ============================================================
   METHOD 1: Target by image source URL (BULLETPROOF)
   ============================================================ */

/* Target ANY image with sb-logo in the src */
.sb-header img[src*="sb-logo"],
.sb-header-inner img[src*="sb-logo"],
header img[src*="sb-logo"],
.sb-logo img[src*="sb-logo"],
a.sb-logo img[src*="sb-logo"],
img[src*="sb-logo"] {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
    object-fit: contain !important;
}

/* ============================================================
   METHOD 2: Target the logo container and scale it
   ============================================================ */

/* The purple gradient container */
.sb-header .sb-logo > *:first-child,
.sb-header-inner .sb-logo > *:first-child,
.sb-logo > div:first-child,
.sb-logo > span:first-child {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px !important;
}

/* ============================================================
   METHOD 3: Direct child image of .sb-logo
   ============================================================ */

.sb-logo > img,
.sb-logo img:first-of-type,
a.sb-logo > img,
a.sb-logo img:first-of-type {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
}

/* ============================================================
   METHOD 4: Target header area images that are logos
   ============================================================ */

.sb-header .sb-logo img,
.sb-header a.sb-logo img,
.sb-header-inner .sb-logo img,
.sb-header-inner a.sb-logo img {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    max-width: none !important;
    object-fit: contain !important;
    border-radius: 8px !important;
}

/* ============================================================
   METHOD 5: ABSOLUTE NUCLEAR - Scale transform
   If all else fails, just scale the entire logo up
   ============================================================ */

.sb-header .sb-logo,
.sb-header-inner .sb-logo,
header .sb-logo,
a.sb-logo {
    transform: scale(1.15) !important;
    transform-origin: left center !important;
}

/* Undo scale for the text part so only icon scales */
.sb-header .sb-logo .sb-brand,
.sb-header .sb-logo .sb-logo-text,
.sb-header .sb-logo span:last-child,
.sb-logo .sb-brand,
.sb-logo .sb-logo-text {
    transform: scale(0.87) !important; /* 1/1.15 = 0.87 to counteract */
    transform-origin: left center !important;
}

/* ============================================================
   METHOD 6: Target SVG if logo is SVG
   ============================================================ */

.sb-header .sb-logo svg,
.sb-header-inner .sb-logo svg,
.sb-logo svg {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
}

/* ============================================================
   FOOTER LOGO - Keep it big (already working)
   ============================================================ */

.sb-premium-footer .sb-footer-logo img,
.sb-footer-logo img,
footer .sb-footer-logo img,
.sb-footer-brand img[src*="sb-logo"] {
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    min-height: 60px !important;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 768px) {
    .sb-header .sb-logo img[src*="sb-logo"],
    .sb-header img[src*="sb-logo"],
    .sb-logo img[src*="sb-logo"] {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
    }
    
    .sb-header .sb-logo,
    a.sb-logo {
        transform: scale(1.1) !important;
    }
}