/*
Theme Name: My Shop
Theme URI: https://example.com
Author: WP-Programmierer
Author URI: https://example.com
Description: Ultra-leichtgewichtiges Theme für WooCommerce Multisite
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: my-shop
*/
@charset "UTF-8";

:root {
  --color-primary: #00C49A;
  --color-secondary: #6a66a3;
  --color-accent: #542e71;
  --color-accent-2: #cbb8a9;
  --color-bg-light: #e0d3de;
  --color-form-bg: #eeffe8;
  --color-bg-dark: #1F2A37;
  --color-text: #222222;
  --color-text-subtle: #6B7280;
  --color-success: #B8E986;
  --color-warning: #FFD166;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: TTNeoris, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-text);
  background-color: #fff;
}

body main {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1rem;
}
header .header-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  border-bottom: 1px groove #585858;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  margin: 1.5rem 0 1rem;
  font-weight: 600;
  line-height: 1.2;
}

h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.75rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.25rem; }
h6 { font-size: 1rem; }

/* Paragraph */
p {
  margin: 1rem 0;
}

/* Links */
a {
  color: inherit;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}

/* Lists */
ul, ol {
  margin: 1rem 0 1rem 2rem;
  padding: 0;
}
li {
  margin-bottom: 0.5rem;
}

/* Buttons */
button {
  font: inherit;
  cursor: pointer;
  padding: 0.5rem 1rem;
  border: 1px solid #ccc;
  background-color: #f5f5f5;
  color: var(--font-color-black);
}
button:hover {
  background-color: #eaeaea;
}

/* Forms */
input, textarea, select {
  font: inherit;
  padding: 0.5rem;
  border: 1px solid #ccc;
  width: 100%;
  max-width: 100%;
}

input:focus, textarea:focus, select:focus {
  outline: none;
  border-color: #999;
}




/* 

h2 {

  font-family: TTNeoris;

  font-weight: 500;

  color: #585858;

  font-size: 22px !important;

}

.price .woocommerce-Price-amount.amount {

  font-family: TTNeoris;

  font-weight: 400;

  color: #585858;

  font-size: 22px !important;

}

.archive .content-area {

  position: relative;

  min-height: 100vh;

}

.site-main {

  padding: 0 !important;

}

.custom-products-wrapper {

  padding: 0 10px;

  width: 100%;

}

.site-footer {

  bottom: 0;

  position: sticky;

}

.woocommerce ul.products,

.woocommerce-page ul.products {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

}

.woocommerce .products ul::after,

.woocommerce .products ul::before,

.woocommerce ul.products::after,

.woocommerce ul.products::before {

  content: "";

  display: none;

}

.woocommerce ul.products,

.woocommerce-page ul.products li.product {

  margin: 0;

  width: 100%;

}

.product-raster-change {

  display: flex;

  flex-flow: row nowrap;

  justify-content: space-between;

  align-items: center;

}

.product-raster-change img {

  cursor: pointer;

  width: 40px;

}



.custom-arcive-products-wrapper {

  display: flex;

  flex-flow: row nowrap;

  justify-content: space-between;

  align-items: stretch;

}



ul.categorie-search-wrapper {

  padding: 0;

  background: #f2f2f2;

  list-style: none;

  min-height: 100vh;

}

ul.categorie-search-wrapper li {

  padding: 10px;

  text-align: center;

  border-bottom: 1px solid #bebebe;

  cursor: pointer;

}

ul.categorie-search-wrapper li.active {

  font-weight: bold;

  border-bottom: 2px solid #008000;

}





.custom-header-container {

  width: 1412px;

  margin: 0 auto;

  background-image: url("/wp-content/uploads/2025/03/Tice_1.jpg");

  padding: 0;

  background-repeat: no-repeat;

  background-size: cover;

}

.custom-header-container h1 {

  text-align: center;

  font-family: Sriracha;

  color: #fff;

  margin: 0;

  line-height: 166px;

}

.site-footer {

  padding: 0;

}

.custom-footer {

  background: black;

  list-style: none;

  display: flex;

  flex-flow: row nowrap;

  justify-content: center;

  align-items: center;

  gap: 200px;

  padding: 15px 0 15px;

  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

}

.custom-footer li {

  width: 40px;

  position: relative;

  cursor: pointer;

}

.custom-footer li .custom-cart-counter {

  position: absolute;

  width: 20px;

  height: 20px;

  top: -9px;

  right: -9px;

  background: red;

  border-radius: 100%;

  display: flex;

  flex-flow: row nowrap;

  justify-content: center;

  align-items: center;

  font-size: 12px;

  color: white;

}

.custom-footer li img,

.custom-footer li a img {

  width: 100%;

  height: auto;

}



.products .button.product_type_simple.add_to_cart_button.ajax_add_to_cart,

.products .button.product_type_simple {

  display: none !important;

}



.product-stock {

  font-family: TTNeoris;

  font-weight: 500;

  color: #008000;

  font-size: 16px;

}

.product-stock.warning-stock {

  color: #a18400;

}

.product-stock.critical-stock {

  color: #b82f06;

}

.product-stock.out-of-stock {

  color: #7e7e7e;

}

.product-stock::before {

  color: #008000;

  font-size: 14px;

  margin-right: 5px;

}

.product-stock.warning-stock::before {

  color: #a18400;

}

.product-stock.critical-stock::before {

  color: #b82f06;

}

.product-stock.out-of-stock::before {

  color: #7e7e7e;

}



.owl-carousel {

  display: block;

}

.owl-carousel .item {

  display: flex;

  justify-content: center;

}

.owl-carousel .item img {

  max-height: 300px;

  width: auto;

}

.slider-progress {

  text-align: center;

  margin-top: 10px;

}

.owl-carousel .owl-dots {

  position: absolute;

  bottom: 10px;

  left: 50%;

  transform: translateX(-50%);

  display: flex;

  justify-content: center;

  z-index: 10;

}



.owl-carousel .owl-dot {

  margin: 0 5px;

  width: 12px;

  height: 12px;

  background-color: #858585 !important;

  border-radius: 50%;

  cursor: pointer;

  transition: background-color 0.3s ease;

}



.owl-carousel .owl-dot.active {

  background-color: #4caf50 !important;

}



.product-description p {

  max-height: 50px;

  overflow: hidden;

  transition: max-height 0.3s ease;

}



.product-description.expanded p {

  max-height: none;

}



.woocommerce-loop-product__title {

  font-size: 15px!important;

}



ul.products .price .woocommerce-Price-amount.amount {

  font-size: 15px!important;

}





.product-footer {

  position: sticky;

  bottom: 0;

  background-color: #fff;

  padding: 10px;

  display: flex;

  justify-content: space-between;

  align-items: center;

  border-top: 1px solid #ddd;

}

.product-modal-content h2,

.product-modal-content .product-description {

  padding-left: 20px;

  padding-right: 20px;

}



.woocommerce-checkout {

  display: flex;

  flex-direction: column;

}



.woocommerce-checkout .order-summary {

  margin-top: 20px;

  padding-top: 20px;

}



.woocommerce-checkout #billing_phone_field {

  width: 100%;

  margin-bottom: 15px;

}



.woocommerce-checkout #billing_custom_select_field {

  margin-top: 10px;

  margin-bottom: 15px;

}



.cart-summary {

  margin-bottom: 20px;

}



.custom-mini-cart {

  list-style: none;

  padding: 0;

  padding-top: 0px;

  width: 95%;

  padding-top: 20px;

}

.custom-trash,

.custom-minus,

.custom-plus {

  width: 17px;

}

.product-already-in-cart {

  width: 100%;

  padding: 0 20px;

}

.product-already-in-cart 

.custom-mini-cart .custom-amount {

  display: flex;

  flex-flow: row nowrap;

  justify-content: flex-end;

  align-items: center;

  gap: 15px;

}

#product-quantity {

  border: 0px;

}

.home.archive .woocommerce-notices-wrapper {

  display: none !important;

}



.blank-content {

  width: 1140px;

  border: 1px solid red;

  margin: 0 auto;

}



@media (min-width: 1200px) {

  .page-header .entry-title,

  .site-footer .footer-inner,

  .site-footer:not(.dynamic-footer),

  .site-header .header-inner,

  .site-header:not(.dynamic-header),

  body:not([class*="elementor-page-"]) .site-main {

    max-width: 1412px;

  }

}

@media screen and (max-width: 1192px) {

  .custom-header-container {

    width: 800px;

  }

}

@media screen and (max-width: 990px) {

  .custom-header-container {

    width: 600px;

  }

}

@media screen and (max-width: 776px) {

  .custom-header-container {

    width: 500px;

  }

}

@media screen and (max-width: 766px) {

  .custom-footer {

    gap: 111px;

  }

  .custom-footer li {

    width: 27px;

  }

}

@media screen and (max-width: 572px) {

  .custom-header-container {

    width: 100%;

  }

  .site-footer {

    padding: 0 !important;

  }

} */