/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://goando.de
 Description:  Child Theme for Hello Elementor
 Author:       Elisha Hübner
 Author URI:   https://goando.de
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  hello-elementor-child
*/

.underline-button {
  --btn-font: var(--e-global-typography-525a596-font-family), Sans-serif;
  --btn-font-size: 16px;
  --btn-font-weight: 500;
  --btn-text-color: #111111;
  --btn-hover-color: #111111;
  --btn-underline-color: #111111;
  --btn-underline-height: 2px;
  --btn-padding: 0px 0;

  position: relative;
  display: inline-block;
  background: none;
  border: none;
  padding: var(--btn-padding);
  font-family: var(--btn-font);
  font-size: var(--btn-font-size);
  font-weight: var(--btn-font-weight);
  color: var(--btn-text-color);
  cursor: pointer;
  text-decoration: none;
  transition: color 0.25s ease;
}

.underline-button::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: var(--btn-underline-height);
  background-color: var(--btn-underline-color);
  transition: all 0.3s ease;
  transform: translateX(-50%);
}

.underline-button:hover {
  color: var(--btn-hover-color);
}

.underline-button:hover::after {
  width: 100%;
}

.underline-light::after {
  background-color: white !important;
}

.underline-button.elementor-btn-reverse::after {
  display: none !important;
}

.elementor-btn-reverse a.elementor-button {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  color: var(--btn-text-color) !important;
  text-decoration: none !important;
}

.elementor-btn-reverse .elementor-button-text {
  position: relative;
  display: inline-block;
  padding-bottom: 4px;
  transition: color 0.25s ease;
  text-decoration: none !important;
}

.elementor-btn-reverse .elementor-button-text::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 100%; 
  height: var(--btn-underline-height);
  background-color: var(--btn-underline-color);
  transition: width 0.3s ease;
  transform: translateX(-50%);
}

.elementor-btn-reverse a.elementor-button:hover .elementor-button-text {
  color: var(--btn-hover-color) !important;
}
.elementor-btn-reverse a.elementor-button:hover .elementor-button-text::after {
  width: 0;
}

/* Swatches */
.rtwpvs.rtwpvs-rounded .rtwpvs-terms-wrapper .rtwpvs-term:not(.rtwpvs-button-term), 
.rtwpvs.rtwpvs-rounded .rtwpvs-terms-wrapper .rtwpvs-term:not(.rtwpvs-button-term) .rtwpvs-term-span, 
.rtwpvs.rtwpvs-rounded .rtwpvs-terms-wrapper .rtwpvs-term:not(.rtwpvs-button-term) .rtwpvs-term-span:after, 
.rtwpvs.rtwpvs-rounded .rtwpvs-terms-wrapper .rtwpvs-term:not(.rtwpvs-button-term) img {
    border-radius: 0 !important;
}

.rtwpvs-terms-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-bottom: 20px !important;
}

.rtwpvs-terms-wrapper .rtwpvs-term {
    width: 85px !important;
    height: 60px !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid transparent !important;
    box-shadow: none !important;
    overflow: hidden;
}

.rtwpvs-terms-wrapper .rtwpvs-term-span {
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
    border: none !important;
    background-size: cover !important;
    background-position: center !important;
    background-color: #e8e8e8 !important;
    box-shadow: none !important;
}

.rtwpvs-terms-wrapper .rtwpvs-term.selected {
    border: 2px solid #000000 !important;
}

.rtwpvs-terms-wrapper .rtwpvs-term.selected .rtwpvs-term-span::before,
.rtwpvs-terms-wrapper .rtwpvs-term.selected .rtwpvs-term-span::after {
    display: none !important;
}

.rtwpvs-terms-wrapper .rtwpvs-term.disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    position: relative;
}

.rtwpvs-terms-wrapper .rtwpvs-term.disabled::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top right, transparent 48%, #ffffff 49%, #ffffff 51%, transparent 52%);
    pointer-events: none;
    z-index: 10;
}

.rtwpvs-terms-wrapper .rtwpvs-term-span {
    display: block !important;
}

.rtwpvs-terms-wrapper .rtwpvs-term-span::before,
.rtwpvs-terms-wrapper .rtwpvs-term-span::after {
    display: none !important;
}


.detail-content {
    transition: transform 0.3s ease; 
    display: inline-block; 
}

.detail-content:hover {
    transform: scale(1.03); 
}

.sku_wrapper {
	display: none;
}