/**
Theme Name: Astra (Child theme for Zokni)
Author: Tamas Rottenbacher
Author URI: https://rottenbacher.hu/
Description: Child theme a zokniwebshop.hu projekthez.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child-theme-for-zokni
Template: astra
*/

/*Termekvariacio valaszto*/
.gyorsvariaciovalaszto ul { margin: 0; padding: 0; list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
.gyorsvariaciovalaszto ul li { margin: 0; padding: 0; }
.gyorsvariaciovalaszto ul li label:not(.attrneve):hover { cursor: pointer; }
.gyorsvariaciovalaszto .variation { font-size: var(--wp--preset--font-size--small); margin-bottom: 15px; }
.gyorsvariaciovalaszto .variation:not(.pa_szin,.pa_harisnyaszin) ul li label:not(.attrneve) { border: 1px solid var(--wp--preset--color--black);
    background-color: var(--ast-code-block-background); padding: 2px 5px; border-radius: 5px; margin: 3px; display: block; text-transform: uppercase; opacity: 0.5; }    
.gyorsvariaciovalaszto .variation:not(.pa_szin,.pa_harisnyaszin) ul li label:not(.attrneve):hover,
.gyorsvariaciovalaszto .variation:not(.pa_szin,.pa_harisnyaszin) ul li input:checked + label { border: 1px solid var(--ast-global-color-0); background-color: var(--ast-global-color-secondary); opacity: 1; }
.gyorsvariaciovalaszto .variation input,
.gyorsvariaciovalaszto .attrszinlabel span,
.gyorsvariaciovalaszto .variation label.attrneve { display: none; }
.gyorsvariaciovalaszto .attrszinlabel {
    height: 25px;
    width: 25px;
    margin: 3px;
    border: 2px solid var(--wp--preset--color--black);
    display: block;
    border-radius: 100%;
}
.gyorsvariaciovalaszto label.attrszinlabel:hover,
.gyorsvariaciovalaszto .variation ul li input:checked + label { border: 2px solid var(--ast-global-color-0); }

.gyorsvariaciovalaszto .details { margin: 0; text-align: center; line-height: 1.15; overflow: hidden; font-size: var(--wp--preset--font-size--small); }
.gyorsvariaciovalaszto .details .stock-info { margin-bottom: 8px; }
.gyorsvariaciovalaszto .cartqty { display: block; margin-top: 5px; margin-bottom: 10px; text-align: center; }
.gyorsvariaciovalaszto button.single_add_to_cart_button.button { width: 100%; margin: 0px !important; }
/*Termekvariacio valaszto - END*/

/*Mennyiseg gombok*/
.woocommerce-js .quantity .minus, .woocommerce-js .quantity .plus { background-color: var(--ast-global-color-5); font-weight: bold; }

body .quantity-wrap button.minus,
body .quantity .minus {
    border-radius: 5px 0 0 5px;
}
body .quantity-wrap button.plus,
body .quantity .plus {
    border-radius: 0 5px 5px 0;
}
/*Mennyiseg gombok - END */

/*Badge-ekhez*/
body .woocommerce ul.products li.product .woocommerce-loop-product__link, body.woocommerce-page ul.products li.product .woocommerce-loop-product__link {
    overflow: visible;
}
body .badgecontainer {
    position: absolute;
    text-align: center;
    top: -.5em;
    right: -.5em;
    margin: 0;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    gap: 0.5rem;
}
body .badgecontainer .badge {
    line-height: 36px;
    height: 36px;
    width: 36px;
    background-color: var(--ast-global-color-1);
    border-radius: 100%;
}
body .badgecontainer .badge.ujbadge { color: var(--wp--preset--color--white) !important; font-weight: bold;}
body .badgecontainer .badge svg {
    width: 20px;
    height: 20px;
    fill: var(--wp--preset--color--white);
    margin: 8px;
}
body .badgecontainer .badge.akcios { background-color: var(--ast-global-color-8); }
/*Badge-ekhez - END*/


.woocommerce-variation-price .price bdi:before { content: "Kiválasztott termék ára: "; }