/*ALAPBÓL AZ EGÉSZ OLDALRA RAK 20PX PADDINGOT BALRA JOBBRA*/

.product.elementor-location-signle .e-con:nth-of-type(2) {
    padding: 0;
}

/*TERMÉK KONTÉNERÉBE PADDING*/
.termek > .e-con-inner{
    padding: 0 20px 80px 20px;
}

/*Galéria fájlnevek elrejtése*/
.elementor-slideshow__title {
    display: none !important;
}

/*Galéria viselkedés*/
.flex-control-thumbs {
  display: flex;
  overflow: hidden;
  align-content: center;
  scroll-behavior: smooth;
}

/*Nyilak teljes gomb kinezete*/
.woocommerce-product-gallery button {
    background-color: #AFAFAF96 !important;
}

.woocommerce-product-gallery button:hover {
    background-color: #131215 !important;
}

/*Galéria carousel*/
.carousel-prev,
.carousel-next {
  position: absolute;
  bottom: 6%;
  transform: translateY(-50%);
  border: none;
  cursor: pointer;
  padding: 20px !important;
  border-radius: 50%;
  box-shadow: 0 0 4px rgba(0,0,0,0.2);
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
}

/* Bal és jobb ikon */
.carousel-prev {
    left: 5px;
    background-image: url('https://lumiskin.hu/wp-content/uploads/2025/10/chevron-left.svg');
}

.carousel-next {
    right: 5px;
    background-image: url('https://lumiskin.hu/wp-content/uploads/2025/10/chevron-right.svg');
}


/*Bal és jobb gomb pozíciója*/
@media (max-width: 1200px) {
  .carousel-prev,
  .carousel-next {
    bottom: 5%;
  }
}

@media (max-width: 1000px) {
  .carousel-prev,
  .carousel-next {
    bottom: 4%;
  }
}

@media (max-width: 850px) {
  .carousel-prev,
  .carousel-next {
    padding: 17px !important;
  }
}

@media (max-width: 768px) {
  .carousel-prev,
  .carousel-next {
    background-size: 60%;
    bottom: 6%;
  }
}

@media (max-width: 550px) {
  .carousel-prev,
  .carousel-next {
    bottom: 5%;
  }
}

@media (max-width: 400px) {
  .carousel-prev,
  .carousel-next {
    padding: 15px !important;
    bottom: 4%;
  }
}


/*EGYEDI STOCKJELZÉS*/

.egyedi-stock p:before{
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-bottom: -3px;
    margin-right: 10px;
    -moz-border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
    border-radius: 7.5px;
    background-color: #FFA365;
    box-shadow: 0 0 8px 0px #FF791F;
}

@media (max-width: 767px) {
    .egyedi-stock p:before{
    width: 14px;
    height: 14px;
    margin-bottom: -2.8px;
}
}



/*FORM DISPLAY BLOCK MINDEN ESETBEN*/
.product .cart {
    display: block !important;
}

/*Alap készletkiírás elrejtése*/
.elementor-add-to-cart .stock {
    display: none !important;
}

/*HA KELL AZ ÁR MEGJELENÍTÉSE VARIALHATÓ TÖBBÁRAS TERMÉKNÉL*/
/*EZT KELL KISZEDNI MAJD*/

/*Alap ár mutatás kiválasztás után több árban mozgó variációknál eltüntetése*/
.woocommerce-variation-price {
    display: none !important;
}

/*------------------------------------------------------*/

/*Kosárba gomb szélesség*/
.single_add_to_cart_button {
    width: 100% !important;
    margin-top: 20px !important;
}




/*---VARIÁCIÓK----*/

.variations {
    margin-bottom: 0 !important;
}

/*Variációk címsor*/
.variations .label {
    font-family: Quicksand !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #FF791F !important;
}

.variations .value {
    margin-top: 7px !important;
}


/*Kiválasztott variaco (Válassz egy lehetőséget) szöveg kinézete*/
.yay-swatches-attribute-preview {
    font-size: 14px !important;
    font-weight: 600;
}




/*BEMENETEK*/

/*Minden blokk után szedje ki a margót tele van alapból*/
.pewc-product-extra-groups-wrap * {
    margin-block-end: 0  !important;
    margin-block-start: 0 !important
}


/*Egér normál ez muszáj különben az egész sor kattinthatonak tűnik (lentebb 15rem width)*/
.nevre-szolo .pewc-item-field-wrapper:hover {
    cursor: default !important;
}

/*Névre szóló jelölő és mellette írás középre*/
.pewc-checkbox-form-label {
   width: 15rem !important;
   padding-left: 20px !important;
}

/*Névre szóló jelölő melletti cím szöveg kinézete*/
.pewc-checkbox-form-label span {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #131215 !important;
}

/*Névre szóló jelölőnégyzet kinézete*/
.pewc-theme-element {
    height: 17px !important;
    width: 17px !important;
    border: 1px solid #777777 !important;
    background: none !important;
    border-radius: 50% !important;
}

/*Jelölőnégyzet bepipálása után pipa helyzete*/
.pewc-theme-element:after {
    left: 5.5px !important;
    top: 2px !important;
}

/*Névre szóló jelölőnégyzet kinézete bejelölve*/
.pewc-active-field .pewc-theme-element {
    background: #008ECD !important;
}

/*Névre szóló jelölő alá fölé margó*/
.pewc-checkbox-form-label {
    margin-top: 7px !important;
    margin-bottom: 4px !important;
}

/*Névre szóló lenyílt text bemenet címe felé alá margó*/
.nevre-szolo .pewc-field-label {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
}

/*Névre szóló checkbox alatt leírás*/
.pewc-description {
    font-size: 14px !important;
    font-style: italic !important;
    color: #777777 !important;
}

/*Névre szóló teljes bemenet alá margó*/
.nevre-szolo {
    margin-bottom: 20px !important;
}

/*Méret mező alá margó hogy a gomb és mennyiség lejjebb kerüljön*/
.meret-mezo {
    margin-bottom: 24px !important;
}

/*Méret mező kinézete*/
.meret-mezo .pewc-product-extra-groups {
    grid-gap: 0px 24px !important;
}

/*Méret mező soronként margó 0*/
.meret-mezo .pewc-product-extra-groups li {
    margin: 0  !important;
}


/*Méret mező leírása címsor alatt font alatt fölött margó*/
.pewc-group-description {
    font-size: 14px !important;
    font-style: italic !important;
    margin-top: 2px !important;
    margin-bottom: 12px !important;
    color: #777777 !important;
}

/*Bemenetek címsorai alatt fölött margó*/
.meret-mezo .pewc-field-label {
    margin-top: 7px  !important;
    margin-bottom: 7px  !important;
}

/*Bemenetek címsorai*/
.pewc-group-heading-wrapper h3{
    font-size: 16px !important;
    color: #FF791F !important;
}

/*Bemenetek mező címsorai*/
.pewc-field-label {
    font-size: 15px !important;
}


/*Bemenetek mező címsorai egér ráhúzásra sima egér jelenlen meg*/
.pewc-field-label {
    cursor: default !important;
}

.pewc-preset-style .pewc-item-field-wrapper {
    cursor: default !important;
}


/*Bemenetek mező*/
.pewc-item input[type="text"] {
    font-size: 14px !important;
    border-radius: 30px !important;
    padding: 7px 0 7px 15px !important;
    background-color: #fff !important;
    position: relative;
}

/*Bemenetek mező belekattintva*/ 
.pewc-item input[type="text"]:focus {
    border-color: #008ECD !important;
}


/*Alsó ár összegző eltüntetése*/
.pewc-total-field-wrapper {
    display: none !important;
}

/*Placeholder kinézete az összes bemenetnél*/
.pewc-form-field::placeholder {
    font-size: 14px !important;
}

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

	ul.pewc-product-extra-groups.cols-2 {
		grid-template-columns: 1fr 1fr !important;
	}
}






/* Minusz, plusz gombok */

/*Letudjon törni egymás alá a mennyiség cím és a bemeneti mező a kosárral*/
.woocommerce-variation-add-to-cart {
    flex-wrap: wrap !important
}

/*Mennyiség egy sorba legyen és 8px margó alatta*/
.mennyiseg-wrapper {
    width: 100%;
    margin-bottom: 8px;
}

/*Flexbox a kosár és a plus,minus,szám között*/
.quantity-kosar-wrapper-egyedi {
    width: 100%;
    display: flex;
    flex-direction: column;
}

/*Plusz-minusz-input wrapper*/
.quantity-wrapper-plus-minus {
    display: flex;
    max-width: 9rem !important;
    justify-content: space-between;
    gap: 4px;
    background: #FFF8F1;
    padding: 6px 6px !important;
    border-radius: 30px;
    border: 1px solid #e2e8f0;
}


/*Minusz, plusz gomb kinézete*/
.termek-oldal-qty-btn{
    width: 34px;
    height: 34px;
    padding: 0 12px 0 12px !important;
    border: none;
    background: white !important;
    border-radius: 50% !important;
    cursor: pointer;
    font-size: 60px;
    color: #324a6d !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    font-weight: 600;
    will-change: auto !important;
}


/*Asztali és laptop hover marad*/
@media (min-width: 1100px) {
.termek-oldal-qty-btn:hover{
    background: #FF791F !important;
    color: #fff !important;

    }
}

/*Minusz, plusz gomb kinézete TABTÓL NEM HOVER HANEM CLASS*/    
.termek-oldal-qty-btn.hovered{
    background: #FF791F !important;
    color: #fff !important;

    }

/*Mennyiseg bemeneti mezo*/
.quantity-wrapper-plus-minus .quantity input {
    width: 100% !important;
    padding: 0 !important;
    text-align: center !important;
    border: none !important;
    background: transparent;
    font-weight: 600;
    font-size: 16px;
    -moz-appearance: textfield;
    pointer-events: none !important;
}


/*További info, szállítás méretsegédlet rész*/


/*Felső gombok alatt szegély*/
.e-n-tabs-heading {
    border-bottom: 2px solid #CFCFCF;
}

/*Változó szövegek címe és tartalma egymás mellé és középre helyere*/
.termek-informaciok-wrapper div{
    display: flex;
    align-items: center;
    gap: 20px;
}

/*Felsorolás icon*/
.felsorolas-icon {
    content:url("https://lumiskin.hu/wp-content/uploads/2025/10/felsorolas-nyil.svg");
    margin-right: 10px;
}

/*Középre helyezés*/
.jellemzok-wrapper .elementor-icon-list-text {
    display: flex;
    align-items: center;
}

/*Márka további margó 1 vonalba hozáshoz*/
.marka {
    margin-right: 11px;
}

/*Típus további margó 1 vonalba hozáshoz*/
.tipus {
    margin-right: 17px;
}

@media (max-width: 767px) {
    .termek-informaciok-wrapper div{
    gap: 10px;
    font-size: 14px;
}
}