/*
Theme Name: Fireball Tim
Theme URI: https://fireballtim.com
Description: Child theme for Fireball Tim - custom hero sizing for automotive art promotions.
Author: Don Burnside
Author URI: https://donburnside.com
Template: creator-base
Version: 1.1.2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fireball-tim
*/

/* ==========================================================================
   Fireball Tim Customizations
   v1.1.2 - Tighter header/hero, horizontal footer menu (now with !important)
   ========================================================================== */

/* --------------------------------------------------------------------------
   Header / Navigation - Tighter vertical spacing
   -------------------------------------------------------------------------- */

/* Reduce header padding */
.site-header {
    padding-top: var(--cb-spacing-xs, 0.25rem);
    padding-bottom: var(--cb-spacing-xs, 0.25rem);
}

/* Tighten nav menu vertical padding */
.main-navigation .menu > li > a {
    padding-top: var(--cb-spacing-xs, 0.25rem);
    padding-bottom: var(--cb-spacing-xs, 0.25rem);
}

/* --------------------------------------------------------------------------
   Hero Section - Minimal Vertical Spacing
   Base theme uses --cb-spacing-3xl (4rem) for top/bottom padding
   v1.0.2: cut to --cb-spacing-xl (2rem)
   v1.0.3: cut again to --cb-spacing-md (1rem)
   v1.1.0: cut to --cb-spacing-sm (0.5rem)
   v1.1.1: "less padding guy" demands another 20px - fine, here's 0.25rem
   -------------------------------------------------------------------------- */

.hero-section,
.hero-section--widgets {
    padding-top: var(--cb-spacing-xs, 0.25rem);
    padding-bottom: var(--cb-spacing-xs, 0.25rem);
}

/* Inner wrapper padding - basically nothing now, you happy? */
.hero-section--widgets .hero-widgets-inner {
    padding-top: 0;
    padding-bottom: 0;
}

/* Fix asymmetry - right widget spacing */
.hero-section--widgets .hero-widget-right .widget {
    margin-bottom: 0;
    padding-bottom: 0;
}

/* Reduce gap between hero columns */
.hero-widgets-inner {
    gap: var(--cb-spacing-sm, 0.5rem);
}

/* --------------------------------------------------------------------------
   Promo Bar - Tighter spacing above/below
   -------------------------------------------------------------------------- */

.promo-bar {
    padding-top: var(--cb-spacing-sm, 0.5rem);
    padding-bottom: var(--cb-spacing-sm, 0.5rem);
}

/* Reduce space between hero and promo bar */
.hero-section + .promo-bar,
.hero-section--widgets + .promo-bar {
    margin-top: 0;
}

/* --------------------------------------------------------------------------
   Cards Grid - Reduce top margin
   -------------------------------------------------------------------------- */

.cards-grid,
.category-cards-grid {
    margin-top: var(--cb-spacing-md, 1rem);
}

/* Reduce gap after promo bar before cards */
.promo-bar + .cards-grid,
.promo-bar + .category-cards-grid,
.promo-bar + .content-area .cards-grid {
    margin-top: var(--cb-spacing-sm, 0.5rem);
}

/* --------------------------------------------------------------------------
   Footer Menu - Horizontal at bottom
   v1.1.2: Fireball wants NAVIGATE menu horizontal, not vertical
   -------------------------------------------------------------------------- */

/* Target footer menu widget - multiple selectors for specificity */
.site-footer .widget_nav_menu ul,
.site-footer .widget_nav_menu ul.menu,
.footer-widgets .widget_nav_menu ul,
.footer-widgets .widget_nav_menu ul.menu,
footer .widget_nav_menu ul,
.footer-column .widget_nav_menu ul {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: var(--cb-spacing-sm, 0.5rem) var(--cb-spacing-md, 1rem);
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Remove vertical list styling */
.site-footer .widget_nav_menu li,
.footer-widgets .widget_nav_menu li,
footer .widget_nav_menu li,
.footer-column .widget_nav_menu li {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block;
}

/* Style the menu links */
.site-footer .widget_nav_menu a,
.footer-widgets .widget_nav_menu a,
footer .widget_nav_menu a,
.footer-column .widget_nav_menu a {
    display: inline-block;
    padding: var(--cb-spacing-xs, 0.25rem) 0;
    text-decoration: none;
    color: var(--cb-color-text-secondary, #999);
    transition: color 0.2s ease;
}

.site-footer .widget_nav_menu a:hover,
.footer-widgets .widget_nav_menu a:hover,
footer .widget_nav_menu a:hover,
.footer-column .widget_nav_menu a:hover {
    color: var(--cb-color-accent, #f59e0b);
}

/* If footer menu is in the info/copyright area - also make horizontal */
.site-info .menu,
.footer-bottom .menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--cb-spacing-md, 1rem);
    list-style: none;
    padding: 0;
    margin: var(--cb-spacing-sm, 0.5rem) 0;
}

.site-info .menu li,
.footer-bottom .menu li {
    margin: 0;
}

/* Mobile: allow wrapping but keep horizontal */
@media (max-width: 768px) {
    .site-footer .widget_nav_menu ul,
    .footer-widgets .widget_nav_menu ul,
    footer .widget_nav_menu ul,
    .site-info .menu,
    .footer-bottom .menu {
        gap: var(--cb-spacing-xs, 0.25rem) var(--cb-spacing-sm, 0.5rem);
    }
    
    .site-footer .widget_nav_menu a,
    .footer-widgets .widget_nav_menu a,
    footer .widget_nav_menu a {
        font-size: 0.875rem;
    }
}