/*
Theme Name: Cardmastersph
Theme URI: 
Author: 
Author URI: 
Description: 
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: cardmastersph
Tags: 
*/

/* START OF HEADER */
/* 1. Make the container horizontal, remove bullets, and space items */
.header-cat-nav ul,
.header-cat-nav.wc-block-product-categories-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    list-style: none !important;
    margin: 0 auto;
    /* padding: 14px 20px; */
    gap: 2rem;
}

/* 2. Strip bullet formatting from list items */
.header-cat-nav li {
    list-style: none !important;
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. Style text: white, uppercase, no underline */
.header-cat-nav a {
    text-decoration: none !important;
    color: #ffffffcc !important;
    text-transform: uppercase;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.3px;
    white-space: nowrap;
    transition: opacity 0.2s ease;
}

/* Hover state */
.header-cat-nav a:hover {
    opacity: 0.8;
    text-decoration: none !important;
}

.header-cat-nav li:has(a[href*="uncategorized"]),
.header-cat-nav .cat-item-uncategorized {
    display: none !important;
}

/* Make the entire Header sticky */
header.wp-block-template-part {
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
}
/* END OF HEADER */

/* START OF HERO BANNER 2.0 */
.cardmastersph-hero-banner {
    background: linear-gradient(90deg, #ffffff 50%, #0b2271 50%) !important;
}
/* END OF HERO BANNER 2.0 */

/* START OF FOOTER */
/* 1. Remove bullets, default padding, and left margins */
.footer-cat-list ul,
.footer-cat-list.wc-block-product-categories-list {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0  !important;
}

.footer-cat-list li {
    list-style: none !important;
    list-style-type: none !important;
    margin-bottom: 0.5rem !important;
}

/* 2. Remove text underlines and color match */
.footer-cat-list a {
    text-decoration: none !important;
    color: #ffffff99 !important;
    font-family: var(--wp--preset--font-family--outfit);
}

/* Optional: Slight hover opacity */
.footer-cat-list a:hover {
    opacity: 0.8;
}

/* 3. Hide Uncategorized from this list as well */
.footer-cat-list li:has(a[href*="uncategorized"]),
.footer-cat-list .cat-item-uncategorized {
    display: none !important;
}
/* END OF FOOTER */


/* START OF PRODUCT CATEGORY */
/* 1. Set the Row block as the main relative boundary */
.clickable-row {
    position: relative !important;
    cursor: pointer;
}

/* 2. Strip position: relative from the inner Group and Paragraph */
.clickable-row div,
.clickable-row p,
.clickable-row .wp-block-group {
    position: static !important;
}

/* 3. Stretch the link pseudo-element to fill the entire Row */
.clickable-row a::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 10 !important;
}

/* 4. Keep text styling clean */
.clickable-row a {
    font-family: var(--wp--preset--font-family--fraunces) !important;
    text-decoration: none !important;
}
/* END OF PRODUCT CATEGORY */