/***************************************

  Theme Name: GRBid
  Theme URI: https://grbid.webdevia.com
  Description: Marketplace Auctions WooCommerce Theme

  Author: Mymoun
  Author URI: http://www.webdevia.com/
  Version: 4.8
  Text Domain: grbid
  Domain Path: /languages
  License: Envato
  License URI: https://themeforest.net/licenses

  Tags: two-columns, custom-background, threaded-comments, translation-ready, custom-menu
  
***************************************/
/* ----------------------------------------------------------------------------

  Unfortunately WordPress will require a style.css file
  located in the theme's root folder for stuff to work.

  However, we will not be using vanilla CSS. We're using Sass.

  Sass is a superset of CSS that adds in amazing features
  such as variables, nested selectors and loops..

  All Sass files are located in the /scss folder.
  Please note that none of your scss files will be compiled to /css/app.css before you run
  'npm run watch', 'npm run build', "compass compile" or "compass watch",

  More info on how to use Sass with Foundation can be found here:
  http://foundation.zurb.com/docs/sass.html

  For Define a table of contents please check /scss/app.scss.

  If you for some reason would like to write plain css instead of using Sass,
  you could just enqueue this file (style.css) to the header and add your styles in this file

---------------------------------------------------------------------------- */

/* ------------------------------
   Ghana - pre-red restore state
------------------------------ */

/* Transparent top navbar (remove persistent white bar). */
header.l-header,
header.l-header .top-bar-container,
header.l-header .top-bar-container .site-navigation.top-bar,
header.l-header .top-bar-container .top-bar,
header.l-header .top-bar-container .top-bar ul {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}

header.l-header .top-bar-container.sticky,
header.l-header .top-bar-container.sticky.fixed,
header.l-header .top-bar-container.devia-nav {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}

header.l-header::before,
header.l-header::after,
header.l-header .top-bar-container::before,
header.l-header .top-bar-container::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

#spaces-main {
  border-top: 0 !important;
}

/* Keep sidebar widgets neutral gray (no pink/red tint). */
#secondary .widget.shop-widgets,
#secondary .shop-widgets,
#secondary .widget_product_categories,
#secondary .widget_products,
#secondary .widget_product_search,
#secondary #grbid-live-auctions-widget {
  background: var(--gray-2-color) !important;
  border: 0 !important;
}

/* Keep auction price label/value clear and bold. */
.woocommerce ul.products li.product .auction-price .auction,
.single-product .summary .auction-price .auction {
  font-weight: 700 !important;
  font-size: 0.9em !important;
  letter-spacing: 0.01em;
  color: var(--headings-color) !important;
  text-shadow: none !important;
}

.woocommerce ul.products li.product .auction-price .woocommerce-Price-amount.amount,
.single-product .summary .auction-price .woocommerce-Price-amount.amount {
  font-weight: 800 !important;
  color: var(--headings-color) !important;
  text-shadow: none !important;
}

/* Avoid harsh hover/shadow on auction cards. */
.woocommerce ul.products.grid li.product.wd-product:not(.product-category),
.woocommerce ul.products.grid li.product.wd-product:not(.product-category):hover {
  transform: none !important;
  box-shadow: none !important;
}

.woocommerce ul.products.grid li.product .auction-time .hasCountdown,
.single-product .auction-time .hasCountdown {
  box-shadow: none !important;
}

/* Sidebar live auctions timer styling. */
#secondary .product_list_widget .grbid-widget-auction-time {
  margin-top: 8px;
}

#secondary .product_list_widget .grbid-widget-auction-time .time-left {
  display: block;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 600;
}

#secondary .product_list_widget .grbid-widget-auction-time .has-finished {
  display: inline-block;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 600;
  color: var(--secondary-text-color);
}

#secondary .product_list_widget .grbid-widget-auction-time .hasCountdown {
  display: inline-block;
  padding: 6px 8px;
  border-radius: 6px;
  background: rgba(51, 92, 255, 0.08);
  border: 1px solid rgba(51, 92, 255, 0.2);
}

#secondary .product_list_widget .grbid-widget-auction-time .countdown_row {
  display: flex;
  gap: 8px;
}

#secondary .product_list_widget .grbid-widget-auction-time .countdown_section {
  min-width: 34px;
  text-align: center;
}

#secondary .product_list_widget .grbid-widget-auction-time .countdown_amount {
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.1;
}

/* Homepage featured-grid: remove oversized first product and keep clean layout. */
@media screen and (min-width: 64em) {
  .featured-grid .woocommerce ul.products.grid {
    display: grid !important;
    grid-template-areas: none !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 1.5rem !important;
    align-items: stretch !important;
  }

  .featured-grid .woocommerce ul.products.grid > li.product {
    width: 100% !important;
    margin: 0 !important;
    grid-area: auto !important;
  }

  .featured-grid .woocommerce ul.products.grid > li.product:first-child,
  .featured-grid .woocommerce ul.products.grid > li.product:nth-child(2),
  .featured-grid .woocommerce ul.products.grid > li.product:nth-child(3),
  .featured-grid .woocommerce ul.products.grid > li.product:nth-child(4),
  .featured-grid .woocommerce ul.products.grid > li.product:nth-child(5) {
    grid-area: auto !important;
  }

  .featured-grid .woocommerce ul.products.grid .product_item_thumbnail,
  .featured-grid .woocommerce ul.products.grid .wd-product__item-thumbnail,
  .featured-grid .woocommerce ul.products.grid .product_item_thumbnail:first-child {
    flex: 1 1 auto !important;
    height: auto !important;
  }

  .featured-grid .woocommerce ul.products.grid li.first {
    clear: none !important;
  }
}

/* Ending Soon section under homepage trending. */
.grbid-home-ending-soon-section {
  margin-top: 36px;
  margin-bottom: 20px;
}

.grbid-home-ending-soon-section .grbid-section-head {
  margin-bottom: 18px;
}

.grbid-home-ending-soon-section .grbid-section-head h2 {
  margin: 0;
}

.grbid-home-ending-soon-section .grbid-section-head p {
  margin: 8px 0 0;
  color: var(--secondary-text-color);
}

/* 4 columns in Ending Soon (desktop), with stable card heights. */
@media screen and (min-width: 64em) {
  .grbid-home-ending-soon-section .woocommerce ul.products.grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-template-areas: none !important;
    gap: 1.5rem !important;
    align-items: stretch !important;
  }

  .grbid-home-ending-soon-section .woocommerce ul.products.grid > li.product {
    width: 100% !important;
    margin: 0 !important;
    grid-area: auto !important;
  }
}

.grbid-home-ending-soon-section .woocommerce ul.products li.product .product_item_details,
.grbid-home-ending-soon-section .woocommerce ul.products li.product .wd-product__content {
  padding: 18px 18px 24px !important;
}

.grbid-home-ending-soon-section .woocommerce ul.products li.product .price,
.grbid-home-ending-soon-section .woocommerce ul.products li.product .auction-price {
  margin-top: 12px !important;
  margin-bottom: 4px !important;
}

/* Homepage popular categories section. */
.grbid-home-popular-categories-section {
  margin: 20px 0 30px;
}

.grbid-home-popular-categories-section .grbid-section-head {
  margin-bottom: 16px;
}

.grbid-home-popular-categories-section .grbid-section-head h2 {
  margin: 0;
}

.grbid-home-popular-categories-section .woocommerce ul.products li.product-category img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

@media screen and (min-width: 64em) {
  .grbid-home-popular-categories-section .woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 1.25rem !important;
  }

  .grbid-home-popular-categories-section .woocommerce ul.products li.product-category {
    width: 100% !important;
    margin: 0 !important;
  }
}

/* Show auction timer in list mode too. */
.woocommerce ul.products.list li.product div.auction-time {
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: 100% !important;
  margin: 10px 0 0 !important;
  visibility: visible !important;
}

.woocommerce ul.products.list li.product div.auction-time .hasCountdown {
  background: rgba(51, 92, 255, 0.08) !important;
  border: 1px solid rgba(51, 92, 255, 0.2) !important;
  box-shadow: none !important;
}

.woocommerce ul.products.list li.product:not(.product-category):not(.elementor-element) .product_item_thumbnail:has(.wd-product-item-thumbnail) .wd-product__on-cover {
  display: flex !important;
  position: static !important;
  width: 100% !important;
  justify-content: flex-start !important;
  padding: 10px 12px 0 !important;
}

.woocommerce ul.products.list li.product:not(.product-category):not(.elementor-element) .product_item_thumbnail:has(.wd-product-item-thumbnail) .wd-product__on-cover > a.button,
.woocommerce ul.products.list li.product:not(.product-category):not(.elementor-element) .product_item_thumbnail:has(.wd-product-item-thumbnail) .wd-product__on-cover > a.product_type_auction {
  display: none !important;
}

.woocommerce ul.products.list li.product:not(.product-category):not(.elementor-element) .product_item_thumbnail:has(.wd-product-item-thumbnail) .wd-product__on-cover .auction-time {
  display: block !important;
  position: static !important;
  width: 100% !important;
  margin: 0 0 12px !important;
  visibility: visible !important;
}

.copyright-contact {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 14px;
}

.copyright-contact a {
  color: inherit;
}

.grbid-contact-info-block {
  margin-top: 24px;
  padding: 18px 20px;
  border-radius: 10px;
  background: var(--gray-2-color);
}

.grbid-contact-info-block h3 {
  margin: 0 0 10px;
}

.grbid-contact-info-block p {
  margin: 4px 0;
}