/*************************************************************
 GLOBAL (keep your existing shop tweaks)
*************************************************************/
.product_meta { display: none; }

/* Hide dates ONLY on blog/post meta (not in Woo tables) */
.blog .entry-meta time,
.archive .entry-meta time,
.single-post .entry-meta time { display: none; }

/* Ensure dates are visible in WooCommerce (Orders, etc.) */
.woocommerce-account time,
.woocommerce table.shop_table time { display: inline !important; }

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product { text-align: center; }

.woocommerce .products .star-rating,
.woocommerce-page .products .star-rating {
  float: none; display: block; margin-left: auto; margin-right: auto;
}

a { color: #d7b321; }


/*************************************************************
MY ACCOUNT — uncenter the page column, then 2-col + boxed look
Targets: #content .content-area .entry .entry-content[-wrapper]
*************************************************************/

/* 1) Kill the theme's centering/padding on the My Account content column */
body.woocommerce-account .entry-content-wrapper,
body.woocommerce-account .entry-content {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;             /* no auto centering */
  padding-left: 0 !important;       /* remove big left gutter */
  padding-right: 0 !important;
  text-align: left !important;
}

/* 2) Give the account block its own subtle site gutters */
body.woocommerce-account .entry-content > .my-account-wrapper {
  padding-left: min(5vw, 32px) !important;
  padding-right: min(5vw, 32px) !important;
}

/* 3) Two-column layout inside Woo wrapper (menu left, content right) */
body.woocommerce-account .my-account-wrapper > .woocommerce {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 2rem !important;
  width: 100% !important;
  margin: 0 !important;
}

/* 4) Sidebar width (slightly narrower so both fit comfortably) */
body.woocommerce-account .woocommerce-MyAccount-navigation {
  flex: 0 0 220px !important;
  width: 220px !important;
  max-width: 220px !important;
  margin: 0 !important;
}

/* 5) Content fills the rest */
body.woocommerce-account .woocommerce-MyAccount-content {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* 6) Boxed menu look (kept) */
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0 0 2rem;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li a {
  display: block;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  text-decoration: none;
  background: #f7f7f7;
  color: #333;
  border: 1px solid #eee;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li + li a { margin-top: .5rem; }
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
  background: #222;
  color: #fff;
  border-color: #222;
  box-shadow: 0 4px 14px rgba(0,0,0,.12);
  transform: translateY(-1px);
}

/* 7) Content card (kept) */
body.woocommerce-account .woocommerce-MyAccount-content {
  background: #fff;
  padding: 2rem;
  border-radius: 1rem;
  border: 1px solid #eee;
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
}
body.woocommerce-account .my-account-wrapper table { width: 100%; border-collapse: collapse; }
body.woocommerce-account .my-account-wrapper th,
body.woocommerce-account .my-account-wrapper td {
  border-bottom: 1px solid #e5e5e5;
  padding: 0.75rem 1rem;
}

/* 8) Mobile: stack */
@media (max-width: 768px) {
  body.woocommerce-account .my-account-wrapper > .woocommerce { flex-direction: column !important; }
  body.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100% !important; max-width: none !important; margin-bottom: 1.5rem !important;
  }
}

/* Align the menu with the page title (remove the extra left padding) */
body.woocommerce-account .entry-content > .my-account-wrapper {
  padding-left: 0 !important;   /* was adding a gutter — kill it */
}

/* Fine-tune nudge (adjust if you still see a tiny offset) */
:root { --myacc-left-nudge: -16px; }   /* try -4px or +4px if needed */
body.woocommerce-account .my-account-wrapper {
  margin-left: var(--myacc-left-nudge) !important;
}

/* Slightly tighter gap between nav and content */
body.woocommerce-account .my-account-wrapper > .woocommerce {
  gap: 1.5rem !important;
}

/* Main Content Window Edit Placement*/

/* Mirror the left-align fix for the RIGHT edge */

/* 1) Remove any right gutter on the wrapper so it can reach the edge */
body.woocommerce-account .entry-content > .my-account-wrapper {
  padding-right: 0 !important;
}

/* 2) Fine-tune the right edge of the content card */
:root { --myacc-right-nudge: -16px; } /* try -4px, -8px, -12px to taste */
body.woocommerce-account .my-account-wrapper .woocommerce-MyAccount-content {
  margin-right: var(--myacc-right-nudge) !important; /* negative = move slightly to the right */
}

/* (keeps the slightly tighter gap between nav and content) */
body.woocommerce-account .my-account-wrapper > .woocommerce {
  gap: 1.5rem !important;
}

/* Testing Text in Dashboard */

.myacc-custom-block ul {
  list-style: disc;
  margin: .5rem 0 0 1.5rem;
}
.myacc-custom-block li {
  margin: .3rem 0;
}
.myacc-custom-block a {
  color: #d7b321;
  text-decoration: none;
}
.myacc-custom-block a:hover {
  text-decoration: underline;
}

/* Hide common footer credit containers */
.site-footer .site-info,
#colophon .site-info,
footer .site-info,
.site-footer .theme-credits,
#colophon .theme-credits,
footer .theme-credits,
.site-footer .powered-by,
#colophon .powered-by,
footer .powered-by,
.site-footer .footer-credits,
#colophon .footer-credits,
footer .footer-credits,
.site-footer [class*="credit"],
#colophon [class*="credit"],
footer [class*="credit"] {
  display: none !important;
  visibility: hidden !important;
}

/* If it’s a link to AudioTheme specifically */
footer a[href*="audiotheme"] { 
  display: none !important;
}

/*************************************************************
 WOOCOMMERCE CART PAGE REFINEMENTS (Hammer Theme)
*************************************************************/

/* 1. Make the Cart title match top menu text */
body.woocommerce-cart .entry-title {
  font-family: inherit !important;         /* same as your nav font */
  font-size: 1.25rem !important;           /* tweak to match menu size */
  font-weight: 700 !important;             /* bold like your nav */
  text-transform: uppercase !important;    /* all caps if your nav is */
  letter-spacing: 0.05em !important;       /* matches nav spacing */
  margin-bottom: 1.5rem !important;
}

/* 2. Remove sidebar — make full-width single column */
body.woocommerce-cart #secondary,
body.woocommerce-cart .sidebar,
body.woocommerce-cart .widget-area {
  display: none !important;
}

body.woocommerce-cart #primary,
body.woocommerce-cart .content-area,
body.woocommerce-cart main {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  margin: 0 auto !important;
  display: block !important;
}

/* 3. Align everything nicely and give some breathing room */
body.woocommerce-cart .site-main {
  padding: 0 2rem !important;
}
/*************************************************************
CART PAGE — single column, full-width, title matches nav
*************************************************************/

/*************************************************************
CART PAGE TITLE — uppercase, lighter weight, aligned neatly
*************************************************************/
body.woocommerce-cart .entry-header {
  margin: 4rem 0 0rem 0 !important;
  text-align: left !important;
  border-bottom: none !important;
}

body.woocommerce-cart .entry-title {
  font-family: inherit !important;
  font-size: 2.5rem !important;         /* visually balanced with layout */
  font-weight: 600 !important;          /* normal (not bold) */
  text-transform: uppercase !important; /* uppercase, clean style */
  letter-spacing: 0.05em !important;    /* subtle spacing for readability */
  margin: 0rem 0 0rem 0 !important;     /* spacing below title */
  line-height: 0 !important;
  color: #000 !important;               /* solid black text */
}



/* Remove the sidebar entirely */
body.woocommerce-cart #secondary,
body.woocommerce-cart .sidebar,
body.woocommerce-cart .widget-area { display: none !important; }

/* Make primary/content area full-width (kill old two-column layout) */
body.woocommerce-cart #primary,
body.woocommerce-cart .content-area,
body.woocommerce-cart .site-main {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  margin: 0 !important;
  clear: both !important;
  display: block !important;
}

/* Unclamp any inner wrappers that keep the narrow column */
body.woocommerce-cart .entry-content,
body.woocommerce-cart .entry-content-wrapper,
body.woocommerce-cart .hentry {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding-right: 0 !important; /* removes leftover sidebar gutter */
}

/* Woo container fills the page, but stays within your site width */
body.woocommerce-cart .entry-content > .woocommerce {
  width: 100% !important;
  max-width: none !important;
}

body.woocommerce-cart .woocommerce {
  max-width: 1100px;   /* set to your site content width */
  margin: 0 auto;
  padding: 0 2rem;     /* side breathing room */
}

/* Ensure tables use available width */
body.woocommerce-cart table.shop_table { width: 100% !important; }

/* 4. Optional — center the cart table and checkout buttons a little more */
body.woocommerce-cart .woocommerce {
  margin: 0 auto !important;
  max-width: 900px !important;
}

/*************************************************************
CART PAGE — widen and style coupon input box
*************************************************************/
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon .input-text {
  width: 340px !important;          /* increase width (default ~200px) */
  max-width: 100%;                  /* stay responsive on mobile */
  height: 48px !important;          /* taller input */
  padding: 0.6rem 1rem !important;  /* more comfortable padding */
  font-size: 1rem !important;       /* readable text */
  border: 1px solid #ccc !important;
  border-radius: 6px !important;    /* soften corners */
  box-sizing: border-box;
}

/* Keep the button aligned and similar height */
.woocommerce-cart table.cart td.actions .button,
.woocommerce-page table.cart td.actions .button {
  height: 48px !important;
  line-height: 48px !important;
  padding: 0 1.2rem !important;
  font-size: 1rem !important;
  border-radius: 6px !important;
  vertical-align: middle;
}

/*************************************************************
CART PAGE — restore footer visibility but keep credits hidden
*************************************************************/

/* 1) Ensure all footer containers are visible on the cart page */
body.woocommerce-cart #colophon,
body.woocommerce-cart .site-footer,
body.woocommerce-cart .site-footer .site-info,
body.woocommerce-cart .site-footer .footer-credits,
body.woocommerce-cart .site-footer .theme-credits,
body.woocommerce-cart .footer-widgets,
body.woocommerce-cart .site-footer-widgets {
  display: block !important;
  visibility: visible !important;
  clear: both !important;
  float: none !important;
  width: 100% !important;
}

/* 2) Keep just the AudioTheme credit link hidden (not the whole footer) */
body.woocommerce-cart .site-footer .site-info a[href*="audiotheme"] {
  display: none !important;
}

/* 3) Prevent any parent from clipping the footer */
body.woocommerce-cart .site-content,
body.woocommerce-cart .content-area,
body.woocommerce-cart .site-main,
body.woocommerce-cart .entry-content,
body.woocommerce-cart .entry-content-wrapper {
  overflow: visible !important;
}

/* 4) Give the footer some breathing room (adjust to taste) */
body.woocommerce-cart .site-footer {
  margin-top: 2rem !important;
  padding-top: 1rem !important;
  min-height: 80px; /* helps if site-info is the only thing there */
}

/* 5) Clear lingering floats from Woo columns so footer doesn't tuck under */
body.woocommerce-cart .cart-collaterals,
body.woocommerce-cart .woocommerce {
  overflow: visible !important;
}
body.woocommerce-cart #colophon::before,
body.woocommerce-cart .site-footer::before {
  content: ""; display: block; clear: both;
}

/* Hide Jetpack Related Posts only on product pages */
.single-product #jp-relatedposts {
  display: none !important;
}

/* Style for Pub Quiz Stats title */
.pub-quiz-stats-title {
  font-size: 2rem;              /* Adjust to suit your theme */
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  margin-bottom: 10px;
}

/* Optional: center everything inside the section */
.pub-quiz-stats {
  text-align: center;
  margin: 40px 0;
}

/* Make WooCommerce single product content full-width on Hammer/AudioTheme */

/* Main content wrapper on product pages */
.single-product #primary,
.single-product .content-area {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 auto !important;
}

/* Inner content (the actual product) */
.single-product .site-main,
.single-product .hentry,
.single-product .product {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
}

/* Make the description / tabs area span full width */
.single-product .woocommerce-tabs,
.single-product .woocommerce-Tabs-panel,
.single-product .woocommerce-product-details__short-description {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}

/* Optional: add some padding so it doesn't hit the edges on desktop */
.single-product .woocommerce-tabs,
.single-product .woocommerce-Tabs-panel {
    padding: 0 20px;
}

/* Fix Related Products grid after making product page full-width */
.single-product .related.products ul.products,
.single-product .related.products .products {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    justify-content: flex-start;
}

/* Standard 3-column grid for related products */
.single-product .related.products ul.products li.product,
.single-product .related.products .products li.product {
    width: calc(33.333% - 20px) !important;
    max-width: calc(33.333% - 20px) !important;
    margin: 0 !important;
}

/* Ensure product thumbnails behave normally */
.single-product .related.products ul.products li.product img,
.single-product .related.products .products li.product img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
}

/* Force 4-column related products grid on product pages */
.single-product .related.products ul.products,
.single-product .related.products .products {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important; /* spacing between products */
    justify-content: flex-start;
    padding: 0;
}

/* 4 items per row on desktop screens */
@media (min-width: 1024px) {
    .single-product .related.products ul.products li.product,
    .single-product .related.products .products li.product {
        width: calc(25% - 20px) !important;    /* 4 columns */
        max-width: calc(25% - 20px) !important;
        margin: 0 !important;
    }
}

/* Ensure images resize correctly */
.single-product .related.products ul.products li.product img,
.single-product .related.products .products li.product img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent oversized title text causing wrapping/misalignment */
.single-product .related.products li.product h2,
.single-product .related.products li.product .woocommerce-loop-product__title {
    font-size: 0.9rem !important;   
    line-height: 1.2 !important;
}