/*
 Theme Name:   Gabriele Verlag
 Theme URI:    https://gabriele-verlag.de
 Description:  Gabriele Verlag GeneratePress child theme
 Author:       pixelDuo
 Author URI:   https://pixelduo.com
 Template:     generatepress
 Version:      0.1
*/

/* Fonts */

/* playfair-display-regular - cyrillic_latin */
@font-face {
  font-display: auto; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/playfair-display-v30-cyrillic_latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-italic - cyrillic_latin */
@font-face {
  font-display: auto; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/playfair-display-v30-cyrillic_latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-500 - cyrillic_latin */
@font-face {
  font-display: auto; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/playfair-display-v30-cyrillic_latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-500italic - cyrillic_latin */
@font-face {
  font-display: auto; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/playfair-display-v30-cyrillic_latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-600 - cyrillic_latin */
@font-face {
  font-display: auto; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/playfair-display-v30-cyrillic_latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-600italic - cyrillic_latin */
@font-face {
  font-display: auto; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/playfair-display-v30-cyrillic_latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-700 - cyrillic_latin */
@font-face {
  font-display: auto; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/playfair-display-v30-cyrillic_latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-700italic - cyrillic_latin */
@font-face {
  font-display: auto; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/playfair-display-v30-cyrillic_latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* General */

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a.gb-button:hover,
.main-navigation a:hover {
  text-decoration: none;
}

/* Buttons */

button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
a.button,
a.wp-block-button__link:not(.has-background),
.wc-block-mini-cart__footer-actions a.wc-block-components-button,
.woocommerce-cart-form .actions button[type=submit],
.woocommerce form.woocommerce-form button.button {
  background: var(--accent);
  border-radius: 5px;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 14px 24px;
}

.woocommerce-cart-form .actions button[type=submit] {
  color: #fff !important;
  padding: 0.618em 24px !important;
}

button.gb-tabs__button {
  border-radius: 0;
  font-size: 16px;
}

.add-to-cart-panel form.cart button.button {
  color: #fff !important;
}

.wc-block-mini-cart__footer-actions a.wc-block-components-button:hover,
.woocommerce form.woocommerce-form button.button:hover {
  background: var(--links) !important;
  text-decoration: none;
}

.woocommerce #payment button#place_order,
.woocommerce-page #payment button#place_order {
  border-radius: 5px;
  margin-top: 16px;
}

.woocommerce .cart_totals a.checkout-button {
  border-radius: 5px;
  font-weight: 600;
}

/* Menu */

.wp-block-search__inside-wrapper {
  border: 1px solid #E5E7EB !important;
  border-radius: 6px !important;
}

.wp-block-search__inside-wrapper button[type="submit"] {
  border-radius: 0 4px 4px 0 !important;
  font-size: 22px !important;
  padding: 5px 10px !important;
}

.px-gv-secondary-menu > a:hover {
  color: var(--accent) !important;
  cursor: pointer;
  text-decoration: none;
}

.px-gv-secondary-menu > a:hover p,
.px-gv-secondary-menu > a:hover span {
  color: var(--accent) !important;
}

.wc-block-mini-cart__badge {
  color: var(--base-3);
}

.wc-block-mini-cart__button:hover:not([disabled]) {
  opacity: 100% !important;
}

.wc-block-mini-cart__badge {
  background-color: var(--wp--preset--color--vivid-red);
}

.px-gv-mini-cart-button:hover {
  color: var(--accent) !important;
  cursor: pointer;
  text-decoration: none;
}

.px-gv-header-search button.wp-block-search__button {
  border-radius: 0 6px 6px 0 !important;
}

.px-gv-search.px-gv-search-visible {
  display: block !important;
}

@media (min-width: 768px) {
  .px-gv-search.px-gv-search-visible {
    display: none !important;
  }
}

.has-menu-bar-items button.menu-toggle {
  color: #134694;
  flex-grow: 1;
}

.main-navigation ul ul {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
}

.main-navigation .main-nav ul li a {
  padding-left: 15px;
  padding-right: 15px;
}

.menu-item-has-children .dropdown-menu-toggle {
  padding-right: 15px;
}

/* Menu mobile */

@media (max-width: 767px) {
  .main-navigation .menu-toggle {
    display: none;
  }
}

/* Sidebar */

.separate-containers .inside-left-sidebar {
  margin-top: 50px;
  margin-bottom: 50px;
  margin-left: 20px;
}

@media (max-width: 768px) {
  .separate-containers .inside-left-sidebar {
    margin-top: 30px;
    margin-left: 0;
  }
}

.is-left-sidebar {
  width: 280px;
}

/* WooCommerce */

.px-gv-back-to-cart {
  border: 2px solid var(--accent);
  border-radius: 5px;
  color: var(--accent) !important;
  display: inline-flex;
  float: right;
  font-weight: 600;
  gap: 10px;
  padding: 6px 14px;
  text-transform: uppercase;
}

.px-gv-back-to-cart:hover {
  background: var(--accent);
  color: white !important;
  text-decoration: none;
}

@media (max-width: 768px) {
  .px-gv-back-to-cart {
    clear: both;
    float: none;
    margin-bottom: 20px;
  }
}

.woocommerce .woocommerce-breadcrumb {
  margin-bottom: 24px;
}

.p2-button-full {/* TODO: Remove after we change homepage products */
  width: 100%;
}

.wc-block-mini-cart__button:focus,
.wc-block-mini-cart__button:hover {
  background: none !important;
  color: var(--accent);
  opacity: 1;
}

.woocommerce ul.products li.product .inside-wc-product-image {
  display: block;
}

.woocommerce ul.products li.product a img {
  width: 100% !important;
}

.woocommerce ul.products li.product img {
  background: #f1f5f9;
  padding: 30px;
  border-radius: 6px;
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper img {
  background: #f1f5f9;
  padding: 60px;
  border-radius: 6px;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
  background: #f1f5f9;
  padding: 10px;
  border-radius: 6px;
}

.woocommerce ul.products li.product.sales-flash-overlay .px-gv-featured-product-badge {
  left: 0;
  margin-bottom: 0;
  position: absolute;
  top: 20px;
}

.px-gv-featured-product-badge {
  background: #5aad00;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 1rem;
  padding: 12px 22px;
  text-transform: uppercase;
}

.woocommerce span.onsale {
  display: block !important;
}

span.onsale + .px-gv-featured-product-badge {
  left: auto !important;
  right: 0 !important;
}

.single-product span.onsale {
  position: absolute !important;
}

.woocommerce ul.products li.product.sales-flash-overlay .onsale,
.single-product span.onsale {
  background: #c90000 !important;
  font-size: 16px !important;
  padding: 12px 22px !important;
}

.woocommerce ul.products li.product.sales-flash-overlay .onsale {
  left: 0;
  right: auto !important;
  top: 20px !important;
}

.px-gv-product-switcher .active {
  font-weight: bold;
}

/* Product Archives */

.px-gv-product-archive-content {
  margin-top: 60px;
}

@media (max-width: 768px) {
  .px-gv-product-archive-content {
    margin-top: 20px;
  }
}

.px-gv-product-description {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 20px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color: var(--accent);
  font-size: 20px;
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title:hover {
  color: var(--links);
}

.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
  margin-bottom: unset !important;
}

.products .px-gv-product-description {
  margin-bottom: auto;
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.wc-block-components-product-price {
  font-size: 28px;
  font-weight: 600 !important;
  margin-bottom: 20px !important;
  margin-top: 10px !important;
  line-height: 1;
}

.woocommerce ul.products li.product .price .wgm-sale-label,
.woocommerce ul.products li.product .price del,
.woocommerce div.product p.price .wgm-sale-label,
.woocommerce div.product p.price del,
.wc-block-components-product-price .wgm-sale-label,
.wc-block-components-product-price del {
  font-size: 14px;
}

.woocommerce div.product p.price ins {
  display: block;
  font-size: 40px;
  font-weight: 600;
  margin-top: 10px;
}

.products .px-gv-add-to-cart {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.products .px-gv-add-to-cart a.px-gv-add-to-cart-more {
  background: var(--accent);
  border-radius: 5px;
  flex-grow: 4;
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  padding: 14px 24px;
}

.products .px-gv-add-to-cart a.px-gv-add-to-cart-more:hover {
  background: var(--links);
}

.products .px-gv-add-to-cart a.button {
  background: #ffffff;
  border: 2px solid var(--accent);
  border-radius: 5px;
  color: var(--accent);
  flex-grow: 1;
  font-size: 20px;
  text-align: center;
  margin: 0 !important;
  padding: 12px 10px;
  height: 52px;
}

.products .px-gv-add-to-cart a.button:hover {
  background: var(--links);
  border-color: var(--links);
  color: #ffffff;
}

.products .px-gv-product-switcher {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 12px;
}

.products .px-gv-product-switcher a {
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  color: #000000;
  font-size: 10px;
  font-weight: 500;
  padding: 6px;
}

.products .px-gv-product-switcher a:hover,
.products .px-gv-product-switcher a.active {
  background: var(--accent);
  border-color: var(--accent);
  color: #ffffff;
  text-decoration: none;
}

.products .px-gv-product-switcher a.active {
  font-weight: 700;
}

/* Product Category Archive Sticker */
.px-gv-product-archive-sticker {
  position: absolute;
  z-index: 10;
  right: 0;
  bottom: 0;
}

.px-gv-product-archive-sticker img {
  background: none !important;
  padding: 30px 10px 10px 30px !important;
  max-width: 100px !important;
}

/* Pagination */

.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li {
  border: none;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: #f1f5f9;
  color: #000;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  border-radius: 6px;
  font-size: 18px;
  padding: 10px 14px;
}

/* Single Product */

.woocommerce div.product .woocommerce-tabs ul.tabs {
  display: none !important;
}

.woocommerce div.product form.cart {
  gap: 10px;
  margin-bottom: 40px;
}

.woocommerce div.product form.cart::after,
.woocommerce div.product form.cart::before {
  display: none;
}

.woocommerce div.product form.cart .button {
 border-radius: 5px;
  flex-grow: 1;
  font-size: 17px;
  font-weight: 500;
  text-transform: uppercase;
}

.product .summary .legacy-itemprop-offers {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.product .summary .legacy-itemprop-offers .price {
  width: 100%;
}

.product .summary .legacy-itemprop-offers .wgm-info {
  font-size: 14px;
}

.woocommerce div.product form.cart div.quantity {
  margin-right: 0;
}

.woocommerce form .quantity.buttons-added .minus {
  border-bottom-left-radius: 5px !important;
  border-top-left-radius: 5px !important;
}

.woocommerce form .quantity.buttons-added .plus {
  border-bottom-right-radius: 5px !important;
  border-top-right-radius: 5px !important;
}

.product .summary .px-gv-product-subtitle {
  color: var(-accent);
  font-size: 22px;
  margin-top: 16px;
}

.product .summary .px-gv-product-switcher {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
}

.product .summary .px-gv-product-switcher a {
  align-items: center;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  color: #000000;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  flex-grow: 1;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  justify-content: center;
  padding: 12px;
  text-transform: uppercase;
}

.product .summary .px-gv-product-switcher a:hover,
.product .px-gv-product-switcher a.active {
  background: var(--accent);
  border-color: var(--accent);
  color: #ffffff;
  text-decoration: none;
}

.product .px-gv-product-switcher a.active {
  font-weight: 700;
}

.product .summary .px-gv-product-switcher .wgm-sale-label,
.woocommerce ul.products li.product .wgm-sale-label {
  display: none;
}

.product .summary .px-gv-product-meta {
  border-top: 1px solid #E5E7EB;
  display: flex;
  gap: 16px;
  margin-bottom: 20px;
  padding-top: 40px;
}

.product .summary .px-gv-product-meta svg,
.product .summary .px-gv-shipping-estimate svg{
  font-size: 24px;
  min-width: 30px;
}

.product .summary .px-gv-product-meta-image {
  order: 2;
}

.product .summary .px-gv-product-meta-image img {
  background: none;
  border-radius: 0;
  padding: 0;
  max-width: 80px;
}

.product .summary .px-gv-product-meta-data {
  display: flex;
  flex-grow: 1;
  gap: 16px;
}

.product .summary .px-gv-product-meta p {
  font-size: 14px;
  line-height: 1.3;
  margin-bottom: 0;
}

.product .summary .px-gv-shipping-estimate {
  display: flex;
  gap: 16px;
  font-size: 14px;
}

.woocommerce div.product .woocommerce-tabs .panel {
  border-top: 1px solid #E5E7EB;
  padding-top: 40px;
  margin-bottom: 40px;
}

.product .related.products {
  border-top: 1px solid #E5E7EB;
  padding-top: 40px;
}

.wgm-info.woocommerce_de_versandkosten {
  margin-left: 5px;
  margin-bottom: 10px;
}

/* Swiper (Slider) Tweaks */

.swiper-wrapper {
  align-items: stretch !important;
}

.swiper-slide {
  display: flex !important;
  height: auto !important;
}

.swiper-content {
  display: flex !important;
  width: 100% !important;
}

.swiper-content > div {
  width: 100% !important;
}

.uagb-swiper {
  border-radius: 6px !important;
}

/* Form */

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
select {
  border-color: #cbd5e1;
}

/* Hide product category intro / outro text after first page */

body.tax-product_cat[class*="paged-"] .woocommerce-products-header,
body.tax-product_cat[class*="paged-"] .px-gv-product-archive-content {
  display: none;
}

.px-gv-super-web-share-button .superwebshare-button-default {
  border-radius: 5px;
  color: var(--accent);
  border: 2px solid var(--accent);
}

.px-gv-super-web-share-button .superwebshare-button-default:hover {
  background: var(--links) !important;
  border-color: var(--links) !important;
  color: #ffffff;
  opacity: 1 !important;
}


.px-gv-super-web-share-button .superwebshare_tada {
  animation: none;
  box-shadow: none;
}

.wc-block-mini-cart__icon {
  height: 2em !important;
  width: 2em !important;
}