/* ============================================================
   SB NEWS - FINETUNE v3 - FINAL FIXES
   Fixes: Footer left alignment, Header logo 30% bigger
   ============================================================ */

/* ============================================================
   FIX 1: FOOTER - LEFT ALIGNMENT
   ============================================================ */

/* Footer brand section - force left align */
.sb-premium-footer .sb-footer-brand,
.sb-footer-brand,
footer .sb-footer-brand {
    text-align: left !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

/* Footer logo container */
.sb-premium-footer .sb-footer-logo,
.sb-footer-logo,
footer .sb-footer-logo {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    text-decoration: none !important;
    margin-bottom: 16px !important;
    justify-content: flex-start !important;
}

/* Footer description text - LEFT ALIGN */
.sb-premium-footer .sb-footer-brand p,
.sb-premium-footer .sb-footer-desc,
.sb-footer-brand p,
.sb-footer-desc,
footer .sb-footer-brand p {
    text-align: left !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
    max-width: 300px !important;
    color: #A1A1AA !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}

/* Social icons - LEFT ALIGN */
.sb-premium-footer .sb-footer-social,
.sb-footer-social,
footer .sb-footer-social {
    display: flex !important;
    gap: 12px !important;
    justify-content: flex-start !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

.sb-premium-footer .sb-footer-social a,
.sb-footer-social a,
footer .sb-footer-social a {
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    color: #A1A1AA !important;
    font-size: 18px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

.sb-premium-footer .sb-footer-social a:hover,
.sb-footer-social a:hover {
    background: linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%) !important;
    border-color: transparent !important;
    color: #FFFFFF !important;
    transform: translateY(-3px) !important;
}

/* ============================================================
   FIX 2: HEADER LOGO - 30% BIGGER
   ============================================================ */

/* Logo container - BIGGER (was 48px, now 62px = 30% bigger) */
.sb-header .sb-logo-icon,
.sb-logo .sb-logo-icon,
.sb-header .sb-logo-mark,
.sb-logo .sb-logo-mark,
header .sb-logo-icon,
header .sb-logo-mark,
.sb-header-inner .sb-logo-icon,
.sb-header-inner .sb-logo-mark {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%) !important;
    border-radius: 14px !important;
    padding: 8px !important;
    box-shadow: 0 4px 20px rgba(124, 58, 237, 0.4) !important;
}

/* Logo image inside - FILL the container */
.sb-header .sb-logo-icon img,
.sb-logo .sb-logo-icon img,
.sb-header .sb-logo-mark img,
.sb-logo .sb-logo-mark img,
header .sb-logo-icon img,
header .sb-logo-mark img,
.sb-header-inner .sb-logo-icon img,
.sb-header-inner .sb-logo-mark img {
    width: 38px !important;
    height: 38px !important;
    max-width: 38px !important;
    max-height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    object-fit: contain !important;
    border-radius: 8px !important;
}

/* SVG logo if used */
.sb-header .sb-logo-icon svg,
.sb-logo .sb-logo-icon svg,
.sb-header .sb-logo-mark svg,
.sb-logo .sb-logo-mark svg {
    width: 38px !important;
    height: 38px !important;
}

/* ============================================================
   FIX 3: FOOTER LOGO - ALSO BIGGER
   ============================================================ */

.sb-premium-footer .sb-footer-logo img,
.sb-footer-logo img,
footer .sb-footer-logo img {
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    min-height: 60px !important;
    object-fit: contain !important;
    border-radius: 14px !important;
}

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

@media (max-width: 768px) {
    .sb-header .sb-logo-icon,
    .sb-logo .sb-logo-icon {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
    }
    
    .sb-header .sb-logo-icon img,
    .sb-logo .sb-logo-icon img {
        width: 32px !important;
        height: 32px !important;
        max-width: 32px !important;
        max-height: 32px !important;
    }
}