/* ============================================

  AE Tent & Event - Goodshuffle Pro Stylesheet

  Brand: Navy + Gold, Compact Buttons with Outlines

  ============================================ */



:root {
    --ae-navy: #1a2b4a;
    --ae-navy-hover: #243a63;
    --ae-gold: #c9a961;
    --ae-gold-hover: #b89550;
    --ae-gold-dark: #9e7e3d;
    --ae-light-gray: #f5f5f5;
    --ae-border: #e5e5e5;
    --ae-text: #1a2b4a;
    --gspro-font-family-secondary: inherit !important;
}



/* ============================================

  ITEM CARDS - White with subtle shadow, hover lift

  ============================================ */



gspro-item-card {
    background: #ffffff !important;
    border: 1px solid var(--ae-border) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 1px 3px rgba(26, 43, 74, 0.08) !important;
}



    gspro-item-card:hover {
        box-shadow: 0 8px 20px rgba(26, 43, 74, 0.15) !important;
        transform: translateY(-3px) !important;
        border-color: var(--ae-gold) !important;
    }



    gspro-item-card .gspro-o-card__title {
        color: var(--ae-navy) !important;
        font-weight: 700 !important;
        letter-spacing: 0.02em !important;
        text-transform: uppercase !important;
        font-size: 0.875rem !important;
    }



    gspro-item-card .gspro-o-card__subtitle,
    .gspro-o-price {
        color: var(--ae-gold) !important;
        font-weight: 600 !important;
    }



/* ============================================

  PRIMARY CTA BUTTONS - Compact pill with outline

  ============================================ */



button.gspro-o-button,
button.gspro-o-button--primary {
    background: var(--ae-gold) !important;
    color: #ffffff !important;
    border: 1px solid var(--ae-gold-dark) !important;
    border-radius: 999px !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    padding: 0.4rem 1rem !important;
    font-size: 0.75rem !important;
    min-height: unset !important;
    transition: background 0.2s ease, border-color 0.2s ease !important;
}



    button.gspro-o-button:hover,
    button.gspro-o-button--primary:hover {
        background: var(--ae-gold-hover) !important;
        border-color: var(--ae-gold-dark) !important;
    }



/* ============================================

  SECONDARY BUTTONS - Compact, tight radius

  ============================================ */



button.gspro-o-button--reverse {
    background: #ffffff !important;
    color: var(--ae-navy) !important;
    border: 1px solid var(--ae-navy) !important;
    border-radius: 6px !important;
    padding: 0.4rem 1rem !important;
    font-size: 0.75rem !important;
    min-height: unset !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
}



    button.gspro-o-button--reverse:hover {
        background: var(--ae-navy) !important;
        color: #ffffff !important;
    }



button.gspro-o-button--warning {
    background: #ffffff !important;
    color: var(--ae-navy) !important;
    border: 1px solid var(--ae-gold-dark) !important;
    border-radius: 6px !important;
    padding: 0.4rem 1rem !important;
    font-size: 0.75rem !important;
    min-height: unset !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
}



button.gspro-o-button--icon {
    border-radius: 6px !important;
    border: 1px solid var(--ae-border) !important;
    padding: 0.5rem !important;
    min-height: unset !important;
}


/* Hide quantities globally for now */
.gspro-o-quantity {
    display: none;
}

/* ============================================

  CARD HEART ICON - Larger, more visible

  ============================================ */
gspro-item-card .gspro-o-card__add button {
    padding: 0.55rem !important;
    min-height: unset !important;
}



    gspro-item-card .gspro-o-card__add button gspro-icon,
    gspro-item-card .gspro-o-card__add button svg {
        width: 1.25rem !important;
        height: 1.25rem !important;
    }



.gspro-c-item-card__add use {
    stroke-width: 2 !important;
}



/* ============================================

  SEARCH BUTTON - Rectangular, compact, navy

  ============================================ */



.gspro-o-search > .gspro-o-button {
    background: var(--ae-navy) !important;
    color: #ffffff !important;
    border: 1px solid #0d1a33 !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    padding: 0.4rem 1rem !important;
    font-size: 0.75rem !important;
    min-height: unset !important;
}



    .gspro-o-search > .gspro-o-button:hover {
        background: var(--ae-navy-hover) !important;
    }



/* ============================================

  CATEGORY SIDEBAR - Compact utility buttons

  ============================================ */



.gspro-o-category {
    color: var(--ae-text) !important;
    font-weight: 500 !important;
}



    .gspro-o-category:hover {
        color: var(--ae-gold) !important;
    }



.gspro-u-badge {
    background: var(--ae-navy) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
}



.gspro-c-item-gallery__toggle-filters,
.gspro-c-item-gallery__toggle-category {
    background: var(--ae-navy) !important;
    color: #ffffff !important;
    border: 1px solid #0d1a33 !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    padding: 0.4rem 1rem !important;
    font-size: 0.75rem !important;
    min-height: unset !important;
}



/* ============================================

  WISHLIST HEART - Floating icon stays circular

  ============================================ */



.gspro-c-wishlist__trigger {
    background: var(--ae-gold) !important;
    border: 1px solid var(--ae-gold-dark) !important;
    box-shadow: 0 4px 12px rgba(201, 169, 97, 0.4) !important;
}



    .gspro-c-wishlist__trigger:hover {
        background: var(--ae-gold-hover) !important;
    }



gspro-wishlist[data-mode="collapse"] use {
    fill: #ffffff !important;
}



.gspro-c-wishlist__count {
    background: var(--ae-navy) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border: 2px solid #ffffff !important;
}



/* ============================================

  ITEM DETAIL MODAL

  ============================================ */



gspro-item-detail .gspro-c-item-detail__title {
    color: var(--ae-navy) !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
}



gspro-item-detail .gspro-c-item-detail__price {
    background: var(--ae-gold) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border: 1px solid var(--ae-gold-dark) !important;
    border-radius: 6px !important;
}



gspro-item-detail .gspro-c-item-detail__description {
    color: var(--ae-text) !important;
    line-height: 1.6 !important;
}