/*!
Theme Name: Goldfish Child Theme
Theme URI: http://underscores.me/
Template: pfw-wp-goldfish-crackers-parent-theme
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: pfw-wp-goldfish-crackers-child-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Goldfish Child Theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/







.main-navigation {
    position: relative;
}

.main-menu {
    display: flex;
    align-items: center;
    gap: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.main-menu > li {
    position: relative;
}

.main-menu > li > a {
    display: block;
    padding: 20px 0;
    color: #111827;
    text-decoration: none;
    font-weight: 600;
}

.goldfish-mega-menu {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100vw;
    background: #f7f8fb;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.mega-products-menu:hover .goldfish-mega-menu,
.mega-products-menu:focus-within .goldfish-mega-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.goldfish-mega-menu-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 30px 26px;
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 35px;
}

.goldfish-mega-categories h4,
.goldfish-mega-products h4 {
    margin: 0 0 18px;
    color: #8a96ad;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.7px;
}

.goldfish-mega-categories ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.goldfish-mega-categories li {
    margin-bottom: 14px;
}

.goldfish-mega-categories a {
    color: #111827;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    text-decoration: none;
}

.goldfish-mega-categories a:hover {
    color: #ff5a00;
}

.all-products-link {
    margin-top: 20px;
}

.goldfish-featured-products-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
}

.goldfish-product-card {
    background: #f2f2f2;
    min-height: 365px;
    padding: 28px 20px 30px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.goldfish-product-card h5 {
    order: 1;
    margin: 0 0 18px;
    font-size: 15px;
    font-weight: 700;
    color: #111827;
}

.goldfish-product-card h5 a {
    color: inherit;
    text-decoration: none;
}

.goldfish-product-image-link {
    order: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 190px;
    margin-bottom: 24px;
}

.goldfish-product-card img {
    max-width: 145px;
    max-height: 200px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.goldfish-view-btn {
    order: 3;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #ff5a00;
    color: #ffffff;
    padding: 13px 25px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: auto;
}

.goldfish-view-btn:hover {
    background: #e64f00;
    color: #ffffff;
}

.goldfish-view-btn span {
    font-size: 17px;
    line-height: 1;
}