/* ==========================================================================
   PROGENTA WEBSHOP - MOBILE/RESPONSIVE OVERRIDES
   ========================================================================== */

/* ==========================================================================
   1. LAYOUT & SPACING
   ========================================================================== */

body:not(.woocommerce-checkout) {
  padding-top: 105px;
}

.bottom-section {
  padding: 90px 0 45px 0;
}

.hero-section-cta {
  padding: 25px;
}

.description-container {
  margin-top: 25px;
}

.section-title {
  margin-bottom: 15px;
}

/* ==========================================================================
   2. UTILITY CLASSES
   ========================================================================== */

.hide-xs {
  display: none !important;
}

.fs-5 {
  font-size: 1rem !important;
}

.h-50p {
  height: 25px !important;
}

/* ==========================================================================
   3. SEARCH (DGWT AJAX Search)
   ========================================================================== */

.dgwt-wcas-search-wrapp {
  min-width: 160px;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
  padding: 6px 24px 6px 28px;
}

.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input::placeholder {
  font-size: 12px;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
  left: 13px;
  top: 14px;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit svg {
  width: 12px;
  height: 12px;
}

/* ==========================================================================
   4. BUTTONS
   ========================================================================== */

.custom-add-to-cart-button {
  font-size: 12px;
}

/* ==========================================================================
   5. WOOCOMMERCE - TABEL ALGEMEEN
   ========================================================================== */

.woocommerce table.shop_table td {
  border-top: 0 none;
}

.woocommerce table.shop_table td.product-name {
  font-weight: 500;
}

.woocommerce table.shop_table td.product-name,
.woocommerce table.shop_table_responsive tr td,
.woocommerce-page table.shop_table_responsive tr td {
  text-align: left !important;
}

/* ==========================================================================
   6. WOOCOMMERCE - RESPONSIVE TABEL
   ========================================================================== */

.woocommerce table.shop_table_responsive tr td::before,
.woocommerce-page table.shop_table_responsive tr td::before {
  float: none;
  display: block;
  margin-bottom: 5px;
}

.woocommerce table.shop_table_responsive tr:nth-child(2n) td,
.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
  background-color: transparent;
}

.woocommerce table.shop_table_responsive tr.cart_item,
.woocommerce-page table.shop_table_responsive tr.cart_item {
  display: inline-block;
  width: 100%;
  border: 1px solid rgba(243, 244, 244, 1) !important;
  border-radius: 20px;
  margin-bottom: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.woocommerce table.shop_table_responsive tr td.product-quantity,
.woocommerce table.shop_table_responsive tr td.product-price {
  width: 50%;
  float: left;
}

.woocommerce-page .cart_totals table.shop_table_responsive tr {
  margin-bottom: 0;
}

/* ==========================================================================
   7. WOOCOMMERCE - WINKELWAGEN
   ========================================================================== */

.woocommerce-page table.cart .product-thumbnail {
  display: block;
}

.product-thumbnail::before {
  content: '' !important;
}

.woocommerce-cart table.cart img {
  width: 100px;
  border-radius: 10px;
}

.woocommerce-cart-form table.shop_table td {
  padding: 10px 20px !important;
}

.woocommerce-cart-form table.shop_table td.actions {
  padding: 0 !important;
}

/* ==========================================================================
   8. WOOCOMMERCE - CART TOTALS
   ========================================================================== */

.woocommerce-cart .cart-collaterals .cart_totals tr th {
  font-weight: 500;
}

.cart_totals td {
  padding-left: 0 !important;
}

.cart_totals .featured-delivery {
  display: block;
  text-align: center;
}