/*
Theme Name: UCS Astra Child
Description: UCS delivery oldalak Astra gyermeksablonja.
Author: UCS
Template: astra
Version: 1.1.0
Text Domain: ucs-astra-child
*/

#addToHomeScreenBtn {
    background-color: #F3B929;
    color: #fff;
    border: none;
    padding: 12px 18px;
    font-size: 12px;
    border-radius: 6px;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0,0,0,.1);
    transition: .3s ease;
}

#addToHomeScreenBtn:hover {
    opacity: 0.92;
}

#addToHomeScreenBtn[hidden] {
    display: none !important;
}

/* UCS – App letöltés gomb függőleges igazítása mobilon */
@media (max-width: 767px) {
    .ucs-pwa-install-btn {
        position: relative;
        top: 0px;
    }
}









/* UCS – Pénztár oszlopok */
@media (min-width: 769px) {

    body.woocommerce-checkout form.checkout #customer_details {
        width: 33% !important;
        float: left !important;
        margin: 0 !important;
    }

    body.woocommerce-checkout form.checkout #order_review {
        width: 63% !important;
        float: right !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

}












/* ==========================================
   UCS FIÓKOM – ROYAL ADDONS NÉLKÜL
   WooCommerce gyári My Account
   ========================================== */

/* 1. WooCommerce navigáció elrejtése */
body.woocommerce-account .woocommerce-MyAccount-navigation {
    display: none !important;
}

/* 2. Fiókom tartalom teljes szélességben */
body.woocommerce-account .woocommerce-MyAccount-content {
    width: 100% !important;
    max-width: none !important;
    float: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: block !important;
}

/* 3. Beviteli mezők */
body.woocommerce-account .woocommerce-MyAccount-content .input-text,
body.woocommerce-account .woocommerce-form-login .input-text,
body.woocommerce-account .woocommerce-form-register .input-text,
body.woocommerce-account .select2-selection {
    background-color: #f5f5f5 !important;
    border: 1px solid #ddd !important;
    color: #000 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    border-radius: 4px !important;
    font-size: 14px !important;
}

/* 4. Fiókom gombok */
body.woocommerce-account .woocommerce-MyAccount-content a.button,
body.woocommerce-account .woocommerce-MyAccount-content button.button,
body.woocommerce-account .woocommerce-form-login button.button,
body.woocommerce-account .woocommerce-form-register button.button {
    background-color: #00CF6F !important;
    color: #FFFFFF !important;
    border-radius: 4px;
}

/* 5. Legördülő mezők */
body.woocommerce-account form .form-row select {
    height: 50px;
    line-height: normal;
    text-align: left;
    padding: 10px;
}





/* =====================================
   UCS – PROFIL MENÜ VÍZSZINTESEN
   ===================================== */

#menu-profil-menu {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center;
    gap: 8px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

#menu-profil-menu > li {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

#menu-profil-menu > li > a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 11px 16px !important;

    background: #f5f5f5;
    color: #333333 !important;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none !important;
    white-space: nowrap;

    transition: all 0.2s ease;
}

/* Hover */
#menu-profil-menu > li > a:hover {
    background: #00CF6F !important;
    color: #ffffff !important;
}

/* Aktív menüpont */
#menu-profil-menu > li.current-menu-item > a,
#menu-profil-menu > li.current_page_item > a {
    background: #00CF6F !important;
    color: #ffffff !important;
}

/* Mobil – egymás mellett, oldalra görgethető */
@media (max-width: 767px) {
    #menu-profil-menu {
        flex-wrap: nowrap !important;
        overflow-x: auto;
        padding-bottom: 6px !important;
    }

    #menu-profil-menu > li > a {
        padding: 10px 13px !important;
        font-size: 13px;
    }
	
}

/* UCS – Profil menü középre igazítása */
#menu-profil-menu {
    justify-content: center !important;
}
/* UCS – Profil menü mobilos görgetés javítása */
@media (max-width: 767px) {
    #menu-profil-menu {
        justify-content: flex-start !important;
    }
}













/* =====================================
   UCS – SINGLE PRODUCT
   Középre igazított, 40/60 elrendezés
   ===================================== */

@media (min-width: 922px) {

    /* Teljes termékoldal szélessége */
    body.single-product .site-content .ast-container {
        max-width: 1100px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Termékkép bal oldalon */
    body.single-product div.product .woocommerce-product-gallery {
        width: 40% !important;
        max-width: 40% !important;
        float: left !important;
        margin: 0 !important;
    }

    /* Termékadatok jobb oldalon */
    body.single-product div.product .summary {
        width: 55% !important;
        max-width: 55% !important;
        float: right !important;
        margin: 0 !important;
    }

    /* Termékkép méretezése */
    body.single-product .woocommerce-product-gallery img {
        max-width: 100% !important;
        height: auto !important;
        object-fit: contain;
    }
}
/* UCS – Terméknév kicsit nagyobb */
body.single-product .product_title {
    font-size: 28px !important;
    line-height: 1.3 !important;
}








/* =====================================
   UCS – EREDETI VISSZA GOMB
   ===================================== */

body.single-product .ucs-product-back {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background-color: #00CF6F;
    color: #ffffff;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    text-decoration: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    margin-bottom: 0px;
    transition: background-color 0.3s ease;
}

body.single-product .ucs-product-back:hover {
    background-color: #00CF6F;
}

body.single-product .ucs-product-back svg {
    fill: #ffffff;
    width: 30px;
    height: 30px;
}










/* UCS – Termékkép és vissza nyíl pozicionálása */
@media (min-width: 922px) {

    /* A vissza nyíl lejjebb, takarás nélkül */
    body.single-product .ucs-product-back {
        position: relative !important;
        top: 40px !important;
        z-index: 20 !important;
        margin-top: 0 !important;
        transform: none !important;
    }

    /* A termékkép oszlopa ténylegesen lejjebb kerül */
    body.single-product div.product div.woocommerce-product-gallery {
        transform: none !important;
        margin-top: 50px !important;
    }
}











/* =====================================
   UCS – KAPCSOLÓDÓ TERMÉKEK KÖZÉPRE
   ===================================== */

/* Szekció címe */
body.single-product .related.products > h2 {
    text-align: center !important;
}

/* Termékkártyák tartalma */
body.single-product .related.products ul.products li.product {
    text-align: center !important;
}

/* Termékképek */
body.single-product .related.products ul.products li.product img {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Terméknevek és árak */
body.single-product .related.products ul.products li.product .woocommerce-loop-product__title,
body.single-product .related.products ul.products li.product .price {
    text-align: center !important;
}

/* Kosárba gombok középre */
body.single-product .related.products ul.products li.product .button {
    display: table !important;
    width: auto !important;
    margin: 12px auto 0 !important;
    text-align: center !important;
}







/* =====================================
   UCS – MOBIL TERMÉKOLDAL ELRENDEZÉS
   Vissza nyíl + terméknév felül
   ===================================== */

@media (max-width: 767px) {

    /* Termékoldal elemeinek átrendezése */
    body.single-product div.product {
        display: flex !important;
        flex-direction: column !important;
    }

    /* Vissza gomb legfelül */
    body.single-product .ucs-product-back {
        order: -3;
        position: relative !important;
        top: 0 !important;
        margin: 0 !important;
        flex-shrink: 0;
    }

    /* Termékinformációs rész */
    body.single-product div.product .summary {
        display: contents;
    }

    /* Terméknév a vissza nyíl mellett */
    body.single-product .summary .product_title {
        order: -2;
        margin-top: -30px !important;
        margin-left: 60px !important;
        min-height: 30px;
        font-size: 23px !important;
        line-height: 30px !important;
    }

    /* Termékkép a cím alatt */
    body.single-product .woocommerce-product-gallery {
        order: -1;
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 20px !important;
        transform: none !important;
    }
}




/* UCS – Mobil sticky vissza gomb és terméknév */
@media (max-width: 767px) {

    body.single-product .ucs-product-back {
        position: sticky !important;
        top: 0 !important;
        z-index: 100;
    }

    body.single-product .summary .product_title {
        position: sticky !important;
        top: 0 !important;
        z-index: 99;
        background: #ffffff;
    }
}




/* =====================================
   UCS – MOBIL STICKY FEJLÉC JAVÍTÁS
   ===================================== */

@media (max-width: 767px) {

    /* Vissza gomb */
    body.single-product .ucs-product-back {
        position: sticky !important;
        top: 0 !important;
        z-index: 103 !important;
        isolation: auto !important;
        overflow: visible !important;
        box-shadow: 0 4px 6px rgba(0,0,0,0.2) !important;
    }

    /* Korábbi fehér háttér eltávolítása */
    body.single-product .ucs-product-back::before {
        content: none !important;
    }

    /* Terméknév */
    body.single-product .summary .product_title {
        position: sticky !important;
        top: 0 !important;
        z-index: 102 !important;
        background: #ffffff !important;
        min-height: 45px !important;
        display: flex !important;
        align-items: center !important;
    }

    /* Fehér háttér a teljes sáv szélességében */
    body.single-product .summary .product_title::before {
        content: "";
        position: absolute;
        top: 0;
        right: 100%;
        width: 100px;
        height: 100%;
        background: #ffffff;
        pointer-events: none;
    }
}

/* UCS – Mobil vissza nyíl és terméknév igazítása */
@media (max-width: 767px) {

    /* Vissza nyíl függőleges mozgatása */
    body.single-product .ucs-product-back {
        translate: 0 9px !important;
    }


}
/* UCS – PWA shortcode gomb */
.ucs-pwa-install-btn {
    background-color: #00CF6F;
    color: #fff;
    border: none;
    padding: 12px 18px;
    font-size: 12px;
    border-radius: 6px;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0,0,0,.1);
    transition: opacity .3s ease;
}
.ucs-pwa-install-btn:hover { opacity: .92; }
.ucs-pwa-install-btn[hidden] { display: none !important; }










/* =========================================
   UCS – ASTRA MOBILMENÜ KÖZÉPRE IGAZÍTÁSA
   Menüpontok + közösségi média ikonok
   ========================================= */

@media (max-width: 921px) {

    /* Menüelemek középre */
    .ast-header-break-point .main-header-menu .menu-link,
    .ast-mobile-popup-content .main-header-menu .menu-link {
        text-align: center !important;
        justify-content: center !important;
    }

    /* Social ikonok teljes területe */
    [data-section="section-hb-social-icons-1"] {
        width: 100%;
        justify-content: center !important;
    }

    /* Social ikonok külső konténere */
    [data-section="section-hb-social-icons-1"] .ast-header-social-wrap {
        width: 100%;
    }

    /* Facebook, TikTok, Instagram középre */
    [data-section="section-hb-social-icons-1"] .header-social-inner-wrap {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

}







/* UCS – Single Product kategória és ár középre mobilon */
@media (max-width: 921px) {

    /* Termékkategória */
    body.single-product .single-product-category {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
    }

    /* Termékár */
    body.single-product .summary p.price {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
    }

}



/* UCS – Módosítócsoport alsó térköze */
body.single-product fieldset.ucs_modifiers_group {
    margin-bottom: 15px !important;
}





/* =========================================
   UCS – SINGLE PRODUCT
   Mennyiség és Kosárba gomb mobilon
   ========================================= */

@media (max-width: 921px) {

    /* Kosárba űrlap elemeinek középre rendezése */
    body.single-product form.cart {
        text-align: center !important;
    }

    /* Mennyiségválasztó középen */
    body.single-product form.cart .quantity {
        display: flex !important;
        justify-content: center !important;
        float: none !important;
        width: fit-content !important;
        margin: 0 auto 12px auto !important;
    }

    /* Kosárba gomb a mennyiség alatt */
    body.single-product form.cart .single_add_to_cart_button {
        display: block !important;
        float: none !important;
        clear: both !important;
        width: fit-content !important;
        margin: 0 auto !important;
    }

}