/*
 Theme Name:   Astra Child
 Theme URI:    http://seans286.sg-host.com
 Description:  Triple Crown - Astra Child Theme
 Author:       Sumie Designs
 Author URI:   https://sumiedesigns.com
 Template:     astra
 Version:      1.0.0
 Text Domain:  astra-child
*/

/* Triple Crown Brand Colors */
:root {
  --tc-navy: #1a1a2e;
  --tc-gold: #c8962e;
  --tc-gold-light: #e8b84b;
  --tc-gold-hover: #a07820;
  --tc-bg: #f8f8f8;
  --tc-text: #1a1a1a;
}

body {
  font-family: 'Helvetica Neue', Arial, sans-serif;
  color: var(--tc-text);
}

/* Remove default page padding for full-width homepage sections */
.ast-separate-container .entry-content {
  padding: 0;
}

.ast-page-builder-template .entry-content {
  padding: 0;
}

/* Product archive grid */
.tc-product-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  max-width: 1100px;
  margin: 40px auto;
  padding: 0 20px;
}

.tc-product-card {
  background: #fff;
  border: 1px solid #e8e8e8;
  border-top: 3px solid var(--tc-gold);
  padding: 24px;
  transition: box-shadow 0.2s;
}

.tc-product-card:hover {
  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}

.tc-product-card h3 {
  font-size: 16px;
  color: var(--tc-navy);
  margin-bottom: 8px;
}

.tc-product-card .tc-price {
  font-size: 20px;
  font-weight: 700;
  color: var(--tc-gold);
  margin-bottom: 12px;
}

.tc-product-card .tc-sku {
  font-size: 11px;
  color: #999;
  margin-bottom: 16px;
}

.tc-buy-btn {
  display: inline-block;
  background: var(--tc-navy);
  color: #fff !important;
  padding: 10px 24px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-decoration: none;
  transition: background 0.2s;
}

.tc-buy-btn:hover {
  background: var(--tc-gold) !important;
  color: #fff !important;
}

/* Category hero banner */
.tc-cat-hero {
  background: var(--tc-navy);
  min-height: 300px;
  display: flex;
  align-items: center;
  padding: 60px;
  margin-bottom: 60px;
}

.tc-cat-hero h1 {
  font-size: 48px;
  color: #fff;
  font-family: Georgia, serif;
  margin-bottom: 16px;
}

.tc-cat-hero p {
  font-size: 18px;
  color: rgba(255,255,255,0.75);
  max-width: 600px;
}

/* Navigation */
.main-header-menu .menu-item a {
  color: var(--tc-navy) !important;
  font-weight: 600;
}

.main-header-menu .menu-item a:hover {
  color: var(--tc-gold) !important;
}

/* Footer */
.site-footer {
  background: var(--tc-navy) !important;
  color: rgba(255,255,255,0.7) !important;
}

.site-footer a {
  color: var(--tc-gold) !important;
}

/* Responsive */
@media (max-width: 768px) {
  .tc-product-grid {
    grid-template-columns: 1fr;
  }
}

/* ===== Dropdown Nav Styles ===== */
.main-header-menu .menu-item-has-children > a::after {
    content: ' ▾';
    font-size: 10px;
    opacity: 0.7;
}
.main-header-menu .sub-menu {
    background: #1a1a2e !important;
    border-top: 2px solid #c8962e !important;
    min-width: 200px !important;
}
.main-header-menu .sub-menu a {
    color: rgba(255,255,255,0.85) !important;
    padding: 10px 20px !important;
    font-size: 13px !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
.main-header-menu .sub-menu a:hover {
    background: rgba(200,150,46,0.15) !important;
    color: #c8962e !important;
}


/* ── Hero: reduce padding ── */
.tc-hero {
    min-height: 60vh !important;
    padding: 50px 60px !important;
}

/* ── Force navy header ── */
#masthead,
.site-header,
.main-header-bar,
.ast-primary-header-bar,
.ast-desktop-header,
#ast-desktop-header,
.ast-header-break-point .site-header,
header.site-header {
    background-color: #1a1a2e !important;
    background: #1a1a2e !important;
}
.main-header-menu > li > a,
.main-header-menu > li > a:visited {
    color: #ffffff !important;
}
.main-header-menu > li > a:hover {
    color: #c8962e !important;
}

/* ── Hide site title text ── */
.site-title,
.ast-site-title,
.site-title a,
.ast-site-name {
    display: none !important;
}

/* ── Fix nav layout — force horizontal, show it ── */
.main-header-bar .main-navigation,
.main-header-bar #site-navigation {
    display: flex !important;
    align-items: center !important;
}
.main-header-menu {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.main-header-menu > li {
    display: inline-flex !important;
    align-items: center !important;
}
.main-header-menu > li > a {
    color: #ffffff !important;
    white-space: nowrap !important;
    padding: 10px 14px !important;
    font-size: 13px !important;
}
.main-header-menu > li > a:hover {
    color: #c8962e !important;
}


/* ── HEADER FIXES v2 ── */

/* Hide site title + tagline text completely */
.site-title, .site-title a, .ast-site-title-wrap, .site-description {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Logo sizing */


/* Make header a single flex row */
.site-primary-header-wrap {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
}


/* Nav: force single horizontal row, no wrapping */
#ast-hf-menu-1,
.main-header-menu {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 0 !important;
}
#ast-hf-menu-1 > li,
.main-header-menu > li {
    display: flex !important;
    align-items: center !important;
    white-space: nowrap !important;
}
#ast-hf-menu-1 > li > a,
.main-header-menu > li > .menu-link {
    color: #c8962e !important;
    white-space: nowrap !important;
    font-size: 14px !important;
    padding: 8px 10px !important;
}
#ast-hf-menu-1 > li > a:hover,
.main-header-menu > li > .menu-link:hover {
    color: #ffffff !important;
}

/* ── Reduce hero bottom padding ── */
.tc-hero {
    padding-bottom: 20px !important;
}

/* ── Reduce gap between grid and footer CTA ── */


.ast-article-post, .ast-post-format-standard {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* ── Remove duplicate dropdown arrow (CSS-added one) ── */
.main-header-menu .menu-item-has-children > a::after {
    content: '' !important;
    display: none !important;
}



#ast-hf-menu-1,
.main-header-menu {
    justify-content: center !important;
}







/* ── Logo size ── */
.custom-logo,


/* ── Header padding: less above logo, more below ── */
.ast-primary-header-bar {
    padding-top: 6px !important;
    padding-bottom: 10px !important;
}
.site-branding {
    padding-top: 0 !important;
    padding-bottom: 6px !important;
}

/* ── Header padding fine-tune ── */
.ast-primary-header-bar {
    padding-top: 6px !important;
    padding-bottom: 4px !important;
}
.site-branding {
    padding-bottom: 2px !important;
}

/* ── Category hero: remove top dead space ── */
.tc-category-hero {
    min-height: 0 !important;
    padding-top: 40px !important;
}
.tc-category-hero > div {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* ── Category pages: remove top padding from content wrapper ── */


/* ── Category archive: kill top gap on separate-container layout ── */



/* ── Hide Astra archive title banner on category pages ── */


.page-id-8 .entry-content, .page-id-9 .entry-content,
.page-id-10 .entry-content, .page-id-11 .entry-content,
.page-id-12 .entry-content, .page-id-13 .entry-content,
.page-id-14 .entry-content, .page-id-15 .entry-content {
    padding: 0 !important;
    margin-top: 0 !important;
}



.tax-product_category #content .ast-container > 




/* Center the nav by making it take full remaining width and centering items */

.ast-hfb-header 
.ast-hfb-header .site-header-section-right 

/* ── Nav styling ── */
.main-header-menu > li > a,
.ast-nav-menu > li > a {
    font-size: 14px !important;
    color: #c8962e !important;
}
.main-header-menu > li > a:hover {
    color: #ffffff !important;
}
.ast-builder-grid-row-has-sides .site-header-primary-section-right {
    flex: 2 1 auto !important;
    justify-content: flex-end !important;
    display: flex !important;
    align-items: center !important;
}
.ast-builder-grid-row-has-sides .site-header-primary-section-left {
    flex: 0 0 auto !important;
}









/* Kill the white gap — Astra adds top padding via .hentry margin */
.tax-product_category .hentry {
    margin-bottom: 0 !important;
}
.tax-product_category.ast-separate-container .ast-article-single {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* Remove white background from hero product image */
.tax-product_category .entry-content > div:first-child img[style*="drop-shadow"] {
    background: transparent !important;
}

/* ── Archive: override ast-separate-container padding ── */
.tax-product_category.ast-separate-container #primary {
    padding: 0 !important;
    margin: 0 !important;
}
.tax-product_category.ast-separate-container .ast-article-single {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
}
.tax-product_category .site-main,
.tax-product_category .entry-content {
    padding: 0 !important;
    margin: 0 !important;
}
.tax-product_category #content > .ast-container {
    padding: 0 !important;
    max-width: 100% !important;
}
/* Remove white bg from hero image */
.tax-product_category .entry-content > div:first-child img {
}



/* ── Header bottom border ── */
.main-header-bar,
.ast-primary-header-bar {
    border-bottom: 1px solid #ffffff !important;
}

/* Hide Astra footer credit bar */
.ast-footer-copyright { display: none !important; }

/* Remove white footer bar completely */
#ast-footer-bar,
.ast-small-footer,
.footer-bar-section,
.ast-footer-bar-wrap { display: none !important; }

/* Move scroll-to-top button to bottom right */
#ast-scroll-top,
.ast-scroll-top-wrap {
    bottom: 20px !important;
    top: auto !important;
}

/* Remove white below-footer bar entirely */
.site-below-footer-wrap[data-section=section-below-footer-builder] {
    display: none !important;
}