/* Custom CSS Marconey
****************************************************/

/* LAYOUT
****************************************************/
:root {
  --primary:   #652d1d; /* Braun */
  --primary2:  #cb9e86;
  --secondary: #6c757d; /* Grau */
  --success:   #198754; /* Grün */
  --danger:    #dc3545; /* Rot */
  --warning:   #ffc107; /* Gelb */
  --info:      #0dcaf0; /* Türkis */
}

/* HEADER
****************************************************/
.tm-toolbar-default,.tm-toolbar-default a {
  color:#835b46;
}
.tm-toolbar-default a:hover {
  color:var(--primary);
}
.uk-navbar-container {
  box-shadow: 0 6px 6px -4px rgba(0, 0, 0, 0.1);
}

/* MAIN
****************************************************/

/* WooCommerce
****************************************************/
ul.products>* .woocommerce-loop-product__link,
ul.products>.product-category>a,.uk-slider-container .el-item {
  text-align: center;
  border:1px solid var(--primary2);
  padding:10px;
  border-radius: 6px;
}
.woocommerce-loop-category__title,
ul.products>* .woocommerce-loop-category__title {
  color:var(--primary);
}

.tax-product_cat a.button.product_type_simple,
:not(.woocommerce-message)>.button:not(.alt,.checkout,.view,.pay,[name*=save_]) {
  display:none;
}

section.related.products {
  clear: both;
}



/* Produkt-Grid */
.woocommerce ul.products {
  display: flex;
  flex-wrap: wrap;
}

/* einzelne Produktbox */
.woocommerce ul.products li.product {
  display: flex;
  flex-direction: column;
}

/* Klickbarer Produktbereich */
.woocommerce ul.products li.product .woocommerce-loop-product__link {
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* Bild bleibt oben */
.woocommerce ul.products li.product img {
  margin-bottom: 1rem;
}

/* Titel + Beschreibung dürfen wachsen */
.woocommerce ul.products li.product
.woocommerce-product-details__short-description {
  flex-grow: 1;
}

/* Button immer nach unten drücken */
.woocommerce ul.products li.product .button {
  margin-top: auto;
}

/* SIDEBAR
****************************************************/

/* FOOTER
****************************************************/

/* MOBILE DEVICE
****************************************************/

/* Smartphones */
@media (max-width: 480px) {}

/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) {}

/* Tablets */
@media (min-width: 768px) and (max-width: 959px) {}

/* Desktop */
@media (min-width: 960px) and (max-width: 1199px) {}

/* Large Display */
@media (min-width: 1200px) {}