/*
 Theme Name:   NGW Elementor
 Theme URI:    https://newgenweb.hu
 Description:  Ez a téma az New Generation Web megoldásaival egyedivé varázsolja a weboldalt, hiszen ebben az általunk készített egyedi fejlesztések találhatóak.
 Author:       New Generation Web
 Author URI:   https://newgenweb.hu
 Template:     hello-elementor
 Version:      4.0.0
*/

/* ===================================================
   1. Hibás blog oldal javítása (wp user profile)
   =================================================== */

.author-bio-section {
	display: none !important;
};

/* ===================================================
   2. Checkout oldal (Pénztár)
   =================================================== */

/* Checkout összegző táblázat */
.woocommerce-checkout-review-order-table {
    table-layout: fixed; /* Oszlopok fix szélességgel */
    width: 100%;
}

/* Táblázat cellák: két egyenlő oszlop */
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    width: 50%;
    text-align: left;
    vertical-align: top;
    white-space: normal;
    word-break: break-word;
}

/* Szállítási módok listája */
.woocommerce-checkout-review-order-table ul.woocommerce-shipping-methods {
    margin: 0;
    padding: 0;
    list-style: none; /* Nincs alapértelmezett lista jelölés */
}

/* Szállítási mód elemek */
.woocommerce-checkout-review-order-table li {
    margin-bottom: 8px;
}

/* ===================================================
   4. Side cart miatti üzenet elrejtése
   =================================================== */

.xoo-wsc-markup-notices {
    display: none !important;
}

/* ===================================================
   5. Árazás utótag letörése
   =================================================== */

   .woocommerce-price-suffix {
    display: block;
    margin-top: 4px; /* opcionális, ha kicsit szellősebbre akarod */
}

/* Nettó ár nagyobb méretre */
.woocommerce-price-suffix .woocommerce-Price-amount {
    font-size: 1.2em;
    font-weight: bold;
    display: inline-block;
}

/* Bruttó ár kisebb méretre */
.price > .woocommerce-Price-amount {
    font-size: 0.85em;
    font-weight: normal;
    display: inline-block;
}


/* ===================================================
   6. Termék oldal egyedi stílus (egyenlő méretű oszlopok)
   =================================================== */   

.jet-woo-builder-woo-product {
    display: flex;
    flex-direction: column;
}

.jet-woo-product-title {
    flex-grow: 1;
}

/* ===================================================
   7. Admin bar elrejtése
   =================================================== */

#wp-admin-bar-wpseo-menu {
    display: none !important;
}

#wp-admin-bar-villatheme {
    display: none !important;
}

/* ===================================================
   8. Globálisan használható custom link aláhúzva (osztályt megadva)
   =================================================== */

.ngw-custom-link-underline a {
    color: white !important;
}

.ngw-custom-link-underline a:hover {
    text-decoration: underline !important;
    color: white !important;
}

/* ===================================================
   9. A pénztár oldalon megjelenő barion kép max mérete
   =================================================== */

   .payment_methods img {
    width: 300px !important;
 }

/* ===================================================
   10. A termék oldalon a leírás tabok fejlécének duplikált elrejtése
   =================================================== */

.woocommerce-Tabs-panel > h2:first-of-type {
    display: none !important;
}

/* ===================================================
   11. Keresési találatok angol nyelvű szövegének elrejtése
   =================================================== */

.elementor-widget-theme-archive-title {
    display: none !important;
}

/* ===================================================
   12. Árblokk átalakítása – csak JetWoo + saját osztály
   =================================================== */

/* Árblokk – közös beállítás */
.ngw-single-product-price .price,
.jet-woo-product-price .price {
    display: inline-block;
    text-align: center;
    font-weight: bold;
    line-height: 1.4;
    margin-top: 20px;
    box-sizing: border-box;
}

/* Eredeti ár (del) – sárga háttér, nincs áthúzás */
.ngw-single-product-price .price del,
.jet-woo-product-price .price del {
    display: block;
    background-color: #ffe545 !important;
    padding: 4px 8px;
    border-radius: 6px 6px 0 0;
    color: #000 !important;
    margin-bottom: 0;
    text-decoration: none !important;
}

/* Akciós ár (ins) – piros háttér, fehér szöveg */
.ngw-single-product-price .price ins,
.jet-woo-product-price .price ins {
    display: inline-block;
    background-color: #d01919 !important;
    color: #fff !important;
    font-size: 22px;
    padding: 6px 10px;
    border-radius: 0 0 6px 6px;
    text-decoration: none !important;
}

/* Akciós ár összegek – biztos fehér szín */
.ngw-single-product-price .price ins .amount,
.jet-woo-product-price .price ins .amount {
    color: #fff !important;
    font-size: 22px !important;
    text-decoration: none !important;
}

/* ===================================================
   13. Mobil menü méretezése + oldalsó menü elemek térköze
   =================================================== */

.jet-mobile-menu__item .jet-menu-label {
    padding: 10px 0;
 }
  
.ngw-catmenu-toggle .jet-mobile-menu__toggle {
      width: 100% !important;
 }

/* ===================================================
   14. OTP SimplePay logók méretezése a pénztár oldalon
   =================================================== */

/* SimplePay fizetési képek méretezése */
.wc_payment_method.payment_method_otp-simplepay-woocommerce label img,
.wc_payment_method.payment_method_otp-simplepay-woocommerce-szep-card label img,
.wc_payment_method.payment_method_simplepay-gateway label img {
    height: 30px !important;
    width: auto !important;
    object-fit: contain;
    vertical-align: middle;
}