/*
Theme Name: FoodbookTheme
Theme URI: http://themelooks.org/demo/foodbook/
Text Domain: foodbooktheme
Description:Foodbook is a Multipurpose SEO WordPress Theme designed for All kinds of Search Engine Optimization, Social Media Marketing and Social Media Management Business, Creative Agency, Digital Agency, Design Agency, Online Business, Business Website etc.
Version: 1.2.9
Author: Themelooks
Author URI: https://themelooks.com
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* 
===============================================================================
CUSTOM RESTAURANT FOOTER STYLING
===============================================================================
Premium site-wide footer designed to match the Saffron & Spice restaurant branding.
===============================================================================
*/

.custom-restaurant-footer {
    background-color: #052214;
    /* Deep forest green */
    color: #CBD5E1;
    /* Muted slate gray */
    padding: 80px 0 0 0;
    font-family: 'Plus Jakarta Sans', sans-serif;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    line-height: 1.6;
}

.custom-restaurant-footer .footer-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    width: 100%;
}

/* Footer Main Grid */
.custom-restaurant-footer .footer-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
    padding-bottom: 60px;
    align-items: start;
}

.custom-restaurant-footer .footer-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* Column Typography */
.custom-restaurant-footer .footer-logo-title {
    font-family: 'Playfair Display', serif;
    font-size: 30px;
    font-weight: 700;
    margin: 0 0 16px 0;
    line-height: 1.2;
    background: linear-gradient(135deg, oklch(82% .16 80), oklch(70% .18 60));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.custom-restaurant-footer .footer-brand-desc {
    font-size: 15px;
    color: #94A3B8;
    margin: 0 0 24px 0;
    max-width: 280px;
}

.custom-restaurant-footer .footer-col-title {
    font-family: 'Playfair Display', serif;
    font-size: 20px;
    font-weight: 700;
    color: #FFFFFF;
    margin: 0 0 20px 0;
    line-height: 1.2;
}

/* Lists and Links */
.custom-restaurant-footer .footer-info-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.custom-restaurant-footer .footer-info-list li {
    font-size: 15px;
    color: #CBD5E1;
}

.custom-restaurant-footer .footer-info-list a {
    color: #CBD5E1 !important;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

.custom-restaurant-footer .footer-info-list a:hover {
    color: #FFFFFF !important;
    padding-left: 4px;
}

/* Social Icons Container */
.custom-restaurant-footer .footer-social-icons {
    display: flex;
    gap: 12px;
    align-items: center;
}

/* Premium Social Buttons */
.custom-restaurant-footer .social-icon-btn {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: #0B4A2C;
    /* Darker green circle base */
    color: #FFFFFF !important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 700;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.custom-restaurant-footer .social-icon-btn:hover {
    background: linear-gradient(135deg, oklch(82% .16 80), oklch(70% .18 60));
    color: #052214 !important;
    transform: translateY(-4px) scale(1.08);
    box-shadow: 0 8px 20px rgba(212, 157, 43, 0.3);
}

/* Footer Bottom Copyright */
.custom-restaurant-footer .footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    padding: 30px 0;
    background-color: rgba(0, 0, 0, 0.15);
    text-align: center;
}

.custom-restaurant-footer .footer-copyright {
    font-size: 14px;
    color: #64748B;
    margin: 0;
    letter-spacing: 0.02em;
}


/* =============================================================================
📱 RESPONSIVE FOOTER MEDIA QUERIES
============================================================================= */

/* 1. Tablets (Max Width: 991px) */
@media (max-width: 991px) {
    .custom-restaurant-footer .footer-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px 30px;
        padding-bottom: 50px;
    }
}

/* 2. Mobile Devices (Max Width: 767px) */
@media (max-width: 767px) {
    .custom-restaurant-footer {
        padding: 60px 0 0 0;
    }

    .custom-restaurant-footer .footer-grid {
        grid-template-columns: 1fr;
        gap: 35px;
        text-align: center;
    }

    .custom-restaurant-footer .footer-col {
        align-items: center;
    }

    .custom-restaurant-footer .footer-brand-desc {
        max-width: 100%;
    }

    .custom-restaurant-footer .footer-social-icons {
        justify-content: center;
    }

    .custom-restaurant-footer .footer-info-list a:hover {
        padding-left: 0;
        /* Disable horizontal slide hover effect on centered mobile layout */
        color: #FFFFFF !important;
    }

    .custom-restaurant-footer .footer-bottom {
        padding: 25px 0;
    }
}