
@media (min-width: 771px) {
  body {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

.wp-block-navigation__responsive-container.is-menu-open{
padding: 20px;
}


#Gold-bars-image:hover {
    transform: scale(1.05);
    transition: transform .2s; 
}
#Gold-coins-image:hover {
    transform: scale(1.05);
    transition: transform .2s; 
}
#Silver-bars-image:hover {
    transform: scale(1.05);
    transition: transform .2s; 
}
#Silver-coins-image:hover {
    transform: scale(1.05);
    transition: transform .2s; 
}



.woocommerce-product-gallery__wrapper img {
    width: auto;
    aspect-ratio: 1 !important;
    -o-object-fit: cover;
    object-fit: cover;
    width: 650px;
}
#spacer1 {
    margin-top: 0px;
    margin-bottom: 0px;
    height: 0px !important;
}


.wp-block-post {
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* This ensures that the button aligns to the bottom */
    height: 100%; /* Make sure the container takes full height */
}

.wp-block-woocommerce-product-price {
    margin-top: auto; /* Pushes the button to the bottom */
}




.tradingview-widget-copyright {
    display: none !important;
}



/* Remove border/underline on Add to Cart button when hovered -- RNP-ZD-7747603 */

.wp-block-button .wp-block-button__link:hover:after {
    width: 0;

}

@media (max-width: 600px) {
	.wp-container-core-post-template-layout-1.wp-container-core-post-template-layout-1 {
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}


@media only screen and (max-width: 768px) {
    .columns-4.products-block-post-template.wp-block-post-template.is-layout-grid.wp-container-core-post-template-is-layout-1.wp-block-post-template-is-layout-grid {
        /* Adjust the grid to have two columns on mobile */
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 768px) {
    .columns-5.wp-block-post-template.is-layout-grid.wp-container-core-post-template-is-layout-1.wp-block-post-template-is-layout-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

.discounts_table_wrap {
    margin-bottom: 20px; !important
}


.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
    background-color: transparent !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
		padding: 0 !important
}

.woocommerce-tabs.wc-tabs-wrapper {
    margin-top: 10px !important;
}


.wp-block-group.filter-content.is-layout-flow.wp-block-group-is-layout-flow.active {
    z-index: 10000;
}

.yoast-breadcrumbs{
    font-size: 12px;
}

.tradingview-widget-container p {
    margin: 0;
}

.wp-block-post-author__name {
    margin: 0 !important;
}

.woocommerce-Button.button.wp-element-button {
    color: white;
}


/* Example: adjust Add to cart button styles */
.woocommerce .wp-block-add-to-cart-form button.single_add_to_cart_button,
.woocommerce .wp-block-add-to-cart-form button[type="submit"] {
  min-width: auto !important;
  padding: 0.6em 1.5em !important;
}

@media only screen and (max-width: 768px) {
  .products-block-post-template {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media only screen and (max-width: 768px) {
  .is-flex-container.columns-2.wc-block-product-template {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
}


/* Step 1: Make each product card flex column */
.wc-block-product-template__responsive > li {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Step 2: Push the entire group to the bottom */
.price-button-group {
  margin-top: auto !important;
}

.wp-block-woocommerce-product-template .wc-block-product .wp-block-woocommerce-product-button {
    margin-top: 0px !important;
}

@media (max-width: 767px) {
  .wp-block-navigation .wp-block-navigation__submenu-icon svg {
    width: 18px !important;
    height: 18px !important;
    stroke-width: 2 !important;
  }
}


@media (max-width: 767px) {
  .wp-block-navigation__responsive-container {
    width: 80vw !important;         /* Only cover 80% of the screen width */
    right: auto !important;
    left: 0 !important;
    transition: transform 0.3s ease-in-out, visibility 0.5s ease-in-out;
    transform: translateX(-100%);   /* Hidden by default */
    position: fixed !important;
    top: 0;
    height: 100vh;
    z-index: 9999;
    background: #fff;               /* Make sure it has a background */
    overflow-y: auto;
  }

  .wp-block-navigation__responsive-container.is-menu-open {
    transform: translateX(0) !important; /* Slide into view */
  }
}

@media (max-width: 767px) {
  .wp-block-post-template.is-layout-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    column-gap: 12px;  /* optional spacing between columns */
    row-gap: 16px;     /* optional spacing between rows */
  }
}


@media (max-width: 767px) {
  .wp-block-group.filter-content.is-layout-flow.wp-block-group-is-layout-flow {
    position: fixed;
    top: 0;
    left: 0;
    width: 80vw;
    height: 100dvh;
    max-height: 100dvh;
    background: #fff;
    z-index: 10000;
    transform: translateX(-100%);
    transition: transform 0.3s ease-in-out;
    overflow-y: auto;
  }

  .wp-block-group.filter-content.is-layout-flow.wp-block-group-is-layout-flow.active {
    transform: translateX(0);
  }
}

.wc-block-mini-cart__badge {
  opacity: 1 !important;
  visibility: visible !important;
  transition: none !important;
}



