/*
Theme Name: GeneratePress Child
Theme URI: https://symbios.hu/
Author: Csák Attila
Author URI: https://symbios.hu/
Template: generatepress
Version: 1.0
Description: Child theme for GeneratePress.
*/

/* Készlet felirat eltűntetése a termékadatlapról az add to cart szekcióban */
.woocommerce div.product .stock {
    display: none;
}
/* Woo Product archive widget képei alatt megjelenő ACF mezők stilizálása */
.acf-fields-container .acf-field {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #001931;
    line-height: 1.2;
}

/* ACF badge stílus */
.acf-badge {
    position: absolute;
    top: 4px; /* A kép tetejétől való távolság */
    left: 4px; /* A kép bal szélétől való távolság */
    color: #ffffff; /* Szövegszín */
    font-family: 'Montserrat', sans-serif; /* Betűtípus */
    font-size: 8px; /* Szövegméret maximum */
    font-weight: 500; /* Szövegvastagság */
    line-height: 1.1; /* Szövegsor magasság */
    border-radius: 0px; /* Lekerekített sarkok */
    z-index: 10; /* Rétegsorrend */
    max-width: none; /* A max-width szabály eltávolítva, hogy a szöveg teljes szélességben megjelenjen */
    text-align: center;
    white-space: nowrap; /* A szöveg egy sorban marad */
    box-sizing: border-box; /* A padding bele van számolva a szélességbe */
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.acf-badge-1 {
    padding: 5px 10px;
    background-color: #001931 !important;
}

.acf-badge-2 {
    padding: 5px 10px;
    background-color: #8a8a8a !important;
}

/*Badge ne kerüljön “réteg mögé*/
.single-product .woocommerce-product-gallery {
    position: relative !important;
    overflow: visible !important;
}

.single-product .acf-badge {
    display: flex;
    flex-direction: row;
	font-size: 14px;
}

/* Biztosítja, hogy a badge csak a termékkép fölött jelenjen meg */
.woocommerce-loop-product__link {
    position: relative;
}

.single-product .woocommerce-product-gallery {
    position: relative;
}
/* Termék listaoldal terméknév és termékár megjelenés módosítása */

/* Terméknév */
.woocommerce-loop-product__title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important; /* Állítsd be a kívánt méretet */
    line-height: 1.2; /* Line-height beállítása */
    color: #001931; /* (opcionális) Szín */
    font-weight: 600; /* (opcionális) Betűvastagság */
    text-align: left; /* (opcionális) Igazítás */
}

/* Termékár */
.woocommerce ul.products li.product .price {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px !important; /* Állítsd be a kívánt méretet */
    line-height: 1.2 !important; /* Line-height beállítása */
    color: #001931; /* (opcionális) Szín */
    font-weight: 600; /* (opcionális) Betűvastagság */
    text-align: left; /* (opcionális) Igazítás */
}

/* A terméknév és termékár reszponzivitása */
@media (max-width: 768px) {
    
    .acf-badge {
    position: absolute;
    top: 10px; /* A kép tetejétől való távolság */
    left: 10px; /* A kép bal szélétől való távolság */
    color: #ffffff; /* Szövegszín */
    font-family: 'Montserrat', sans-serif; /* Betűtípus */
    font-size: 10px; /* Szövegméret maximum */
    }

    .single-product .acf-badge {
        width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
	font-size: 14px;
    }
    
    .acf-fields-container .acf-field {
        text-align: center; /* Középre igazítja az ACF mezők tartalmát */
        font-size: 14px !important;
        line-height: 1.2;
    }

    .woocommerce-loop-product__title {
        text-align: center; /* Középre igazítja a terméknevet */
        font-size: 18px !important;
        line-height: 1.2;
    }

    .woocommerce ul.products li.product .price {
        text-align: center; /* Középre igazítja a termékárat */
        font-size: 18px !important;
        line-height: 1.2;
    }

    .woocommerce ul.products li.product {
        display: flex;
        flex-direction: column; /* Függőlegesen rendezi az elemeket */
        align-items: center; /* Középre helyezi az elemeket */
    }
}

/* Termékár pozíciójának módosítása (hogy fentebb kerüljön) */
.woocommerce ul.products li.product .price {
    margin-top: -5px; /* Csökkenti a távolságot a terméknév és az ár között */
    display: block; /* Biztosítja, hogy a stílus megfelelően alkalmazódjon */
}


.woocommerce .elementor-widget-woocommerce-product-images span.onsale {
    padding: 0;
}
/* Akciós! badge színe */
.woocommerce span.onsale {
    
    background-color: #F5B63A;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: .700em;
    margin: -.2em -.2em 0 0;
    z-index: 9;
}

/*Termékkereső css
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
  padding:
13px 24px 13px 48px;
  line-height: 16px;
  font-size: 14px;
  border:
1px solid #0000001c;
  border-radius:
0px;
  height: auto;
  font-family: Montserrat,sans-serif;
  background-color: #fff;
}

/* WooCommerce oldallapozás - letisztított verzió Montserrat betűtípussal */
.woocommerce nav.woocommerce-pagination {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 20px 0 !important; /* kis függőleges térköz */
}

.woocommerce nav.woocommerce-pagination ul {
    display: flex;
    justify-content: center;
    gap: 8px;
    list-style: none;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce nav.woocommerce-pagination ul li {
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    padding: 8px 14px;
    border: 1px solid #ccc;
    background-color: white;
    border-radius: 0px;
    text-decoration: none;
    color: #333;
    transition: all 0.3s ease;
    font-family: 'Montserrat', sans-serif; /* Montserrat betűtípus */
    font-weight: 500; /* közepes vastagság */
}

.woocommerce nav.woocommerce-pagination ul li a:hover {
    background-color: #001c38;
    color: white;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
    background-color: #001c38;
    color: white;
    font-weight: 700; /* vastagabb a kiemeléshez */
}
/* ===== Fiókom menü modern gomb-stílus ===== */

/* Betűtípus biztosítása */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');

/* Lista alapbeállítás */
.woocommerce-MyAccount-navigation ul {
    display: flex;
    flex-direction: column; /* függőleges gombok */
    gap: 12px; /* gombok közti távolság */
    padding: 0;
    list-style: none;
    max-width: 250px; /* opcionális szélesség */
    margin: 0;
}

/* Gomb stílus */
.woocommerce-MyAccount-navigation ul li a {
    display: flex;               /* Flexbox a középre igazításhoz */
    justify-content: center;     /* vízszintes középre */
    align-items: center;         /* függőleges középre */
    padding: 14px 20px;
    background-color: #99ABB4;   /* alap háttérszín */
    color: #fff;                 /* szöveg színe */
    text-decoration: none;
    border-radius: 0;            /* szögletes sarkok */
    border: 1px solid #888;      /* vékony szegély */
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    text-align: center;
    transition: all 0.3s ease;
}

/* Hover effekt */
.woocommerce-MyAccount-navigation ul li a:hover {
    background-color: #00264A; /* hover háttérszín */
    color: #fff;
    transform: translateY(-2px); /* kis „emelkedés” effekt */
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* Aktív gomb */
.woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: #00264A;
    color: #fff;
    font-weight: 700;
    border: 1px solid #00264A;
}

/* Mobilbarát: kisebb képernyőn szélesség 100% */
@media (max-width: 768px) {
    .woocommerce-MyAccount-navigation ul {
        max-width: 100%;
    }
}
/* Látszódjon a badge 1 desktop rácsnézetben*/
.woocommerce ul.products li.product .acf-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
}