/* Updated Footer Styles - Merged from FMBrown2021 and Brown's Pet Products */

/* Brown's Brand Color Variables */
:root {
    --browns-primary: #971a96;
    --browns-dark: #6b1269;
    --browns-light: #faf3ff;
    --browns-accent: #9ac495;
    --browns-secondary: #b7a2b7;
}

/* Tailwind-like utility classes for the footer */
.bg-browns-dark {
    background-color: #6b1269 !important; /* Updated Brown's dark purple */
}

.text-white {
    color: #ffffff;
}

.text-browns-secondary {
    color: #b7a2b7 !important; /* Updated Brown's secondary purple */
}

.text-browns-accent {
    color: #9ac495 !important; /* Correct Brown's accent green */
}

.border-browns-secondary {
    border-color: #b7a2b7 !important; /* Updated Brown's secondary purple border */
}

/* Container and spacing utilities */
.container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.mb-8 {
    margin-bottom: 2rem;
}

.mb-6 {
    margin-bottom: 1.5rem;
}

.mb-4 {
    margin-bottom: 1rem;
}

.mb-2 {
    margin-bottom: 0.5rem;
}

.mt-8 {
    margin-top: 2rem;
}

.pt-6 {
    padding-top: 1.5rem;
}

/* Flexbox utilities */
.flex {
    display: flex;
}

.justify-center {
    justify-content: center;
}

.justify-start {
    justify-content: flex-start;
}

.space-x-4 > * + * {
    margin-left: 1rem;
}

.space-y-2 > * + * {
    margin-top: 0.5rem;
}

/* Text utilities */
.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.font-bold {
    font-weight: 700;
}

/* Grid utilities */
.grid {
    display: grid;
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.gap-8 {
    gap: 2rem;
}

/* Object utilities */
.object-contain {
    object-fit: contain;
}

.h-16 {
    height: 4rem;
}

/* Max width utilities */
.max-w-md {
    max-width: 28rem;
}

/* Border utilities */
.border-t {
    border-top-width: 1px;
    border-top-style: solid;
}

/* Responsive utilities */
@media (min-width: 768px) {
    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    
    .md\:text-left {
        text-align: left;
    }
    
    .md\:justify-start {
        justify-content: flex-start;
    }
}

/* Transition utilities */
.transition-colors {
    transition: color 0.15s ease-in-out;
}

.hover\:text-browns-accent:hover {
    color: #9ac495 !important;
}

/* Footer specific styles */
.footer-logo {
    max-height: 4rem;
    width: auto;
}

/* CTA Button styles (from original FMBrown2021) */
.cta-button {
    display: inline-block;
    padding: 0.75rem 1.5rem;
    background-color: #971a96; /* Correct Brown's primary purple */
    color: white;
    text-decoration: none;
    border-radius: 0.25rem;
    transition: background-color 0.3s ease;
}

.cta-button:hover {
    background-color: #7a1479; /* Darker Brown's purple on hover */
    color: white;
    text-decoration: none;
}

/* Footer CTA section styles */
#footer-cta {
    background-color: #f8f9fa;
    padding: 2rem 0;
}

#footer-cta h3 {
    color: #333;
    margin-bottom: 0.5rem;
}

#footer-cta p {
    color: #666;
    margin-bottom: 0;
}

/* Navigation menu styles */
.footer-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-menu li {
    margin-bottom: 0.5rem;
}

.footer-menu a {
    color: #b7a2b7 !important; /* Updated Brown's secondary purple links */
    text-decoration: none;
    transition: color 0.15s ease-in-out;
}

.footer-menu a:hover {
    color: #9ac495 !important; /* Correct Brown's accent green on hover */
    text-decoration: none;
}

/* Social menu styles */
.social-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    gap: 1rem;
}

.social-menu li {
    margin: 0;
}

.social-menu a {
    color: #b7a2b7; /* Updated Brown's secondary purple social icons */
    text-decoration: none;
    transition: color 0.15s ease-in-out;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
}

.social-menu a:hover {
    color: #9ac495; /* Correct Brown's accent green on hover */
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .container {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    
    .py-12 {
        padding: 2rem;
    }
    
    .mb-8 {
        margin-bottom: 1.5rem;
    }
    
    .gap-8 {
        gap: 1.5rem;
    }
    
    /* Mobile-first Footer Layout */
    .footer {
        text-align: center;
    }
    
    .footer .grid {
        grid-template-columns: 1fr;
        text-align: center;
    }
    
    .footer .flex-wrap {
        justify-content: center;
    }
}

/* Ensure compatibility with Foundation */
@media screen and (min-width: 768px) {
    .container {

    }
    
    /* Desktop Footer Layout */
    .footer .grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    
    .footer .text-center {
        text-align: left;
    }
    
    .footer .flex-wrap {
        justify-content: flex-start;
    }
}

/* Foundation grid compatibility */
.grid-container {

    margin: 0 auto;
    padding: 0 15px;
}

.grid-x {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.cell {
    flex: 1 1 0px;
    padding-left: 15px;
    padding-right: 15px;
}

.large-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

.large-9 {
    flex: 0 0 75%;
    max-width: 75%;
}

.large-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

.small-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

.align-middle {
    align-items: center;
}

.text-center {
    text-align: center;
}

.full {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}