/* Footer Logo Styling */

.footer-logo {
    margin-bottom: 20px;
}

.footer-logo-img {
    max-width: 240px; /* Increased from 180px */
    height: auto;
    display: block;
    transition: opacity 0.3s ease;
}

.footer-logo a:hover .footer-logo-img {
    opacity: 0.8;
}

/* Fallback for site name if no logo */
.footer-site-name {
    font-size: 28px; /* Increased from 24px */
    font-weight: 700;
    color: #333;
    display: block;
}

.footer-logo a:hover .footer-site-name {
    color: #ed174f;
}

/* About Us Text - Enhanced styling */
.tas-about {
    line-height: 1.8 !important;
    font-size: 15px;
    font-weight: 400;
    color: #444;
    margin-bottom: 20px;
    max-width: 70%;
}

/* Make cursive text (em) bolder */
.tas-about em {
    font-style: italic;
    font-weight: 700 !important;
    color: #333;
}

/* Make store names bold */
.tas-about strong {
    font-weight: 700;
    color: #333;
}

/* Mobile center alignment for About Us */
@media (max-width: 639px) {
    .tas-about {
        text-align: center !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* Footer Title Spacing */
.tas-footer .tas-title {
    margin-top: 10px;
    margin-bottom: 15px;
}

/* Copyright Site Title */
.copyright-site-title {
    font-size: 12px;
    font-weight: 600;
    color: #666;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
}

/* Responsive */
@media (max-width: 959px) {
    .footer-logo-img {
        max-width: 200px; /* Increased from 160px */
    }
    
    .footer-site-name {
        font-size: 26px; /* Increased from 22px */
    }
    
    .tas-about {
        font-size: 14px;
    }
}

@media (max-width: 639px) {
    .footer-logo {
        text-align: center;
        margin-bottom: 15px;
    }
    
    .footer-logo-img {
        max-width: 180px; /* Increased from 150px */
        margin: 0 auto;
    }
    
    .footer-site-name {
        font-size: 24px; /* Increased from 20px */
        text-align: center;
    }
    
    .tas-about {
        font-size: 14px;
        text-align: center;
    }
    
    .tas-footer .tas-title {
        text-align: center;
    }
    
    .tas-follow {
        justify-content: center;
    }
}
