.woocommerce #content div.product div.summary, /* termék adatlapon a név és egyéb adatok */
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary,
.woocommerce #content div.product div.images, /* termék adatlapon a kép */
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
    float: none!important;
    width: 100%!important;
}

.woocommerce .ordering-meta { /*archive-product.php-ből. a .woocommerce itt a body class valójában, ez felülírta a formázásokat, emiatt kell */
    display: flex;
    align-items: center;
    padding: 0.5rem 0;
    border-top: solid 1px rgba(0, 0, 0, 0.3);
    border-bottom: solid 1px rgba(0, 0, 0, 0.3);
    margin: 1rem 0;
    justify-content: space-between;
}

.woocommerce .ordering-meta * { /* az ordering-metán belül az összes elem */ 
     margin: 0;
}

.woocommerce-result-count {
    font-size: smaller;
}

.woocommerce-loop-product__title:before,
h1.product_title:before {
    content: none;
}

li.product { /*termékkártya formázás */
    border-radius: var(--radius);
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    box-shadow: 0 2px 10px 0 rgba(1, 122, 111, 0.20);
    padding: 1.5rem 1.5rem!important; /*  mert a Woo alapértelmezett padding: 0 */
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    font-weight: bold!important;
    color: var(--teal)!important;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, /* nekem ez nem jó szelektor a verzióeltérés miatt */
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, /* nekem ez nem jó szelektor a verzióeltérés miatt */
.woocommerce-checkout .wc-block-components-button:not(.is-link) {
    border-radius: 2rem!important;
    color: var(--title)!important;
    background: var(--orange)!important;    
}

/*saját */
.woocommerce-checkout .wc-block-components-button:not(.is-link) {
    border: none;
}

.woocommerce-cart .wc-block-components-button__text { /* nekem kisbetűs betűket hozott a kosár oldalon */ 
    font-weight: bold;
    text-transform: uppercase; 
}

.woocommerce-checkout .wc-block-components-checkout-place-order-button__text { /* nekem teljesen más betűméretet hozott a pénztár oldalon */
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Red Hat Display', sans-serif!important;
}
/* idáig */

.woocommerce-product-gallery {
    border-radius: var(--radius);
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    box-shadow: 0 2px 10px 0 rgba(1, 122, 111, 0.20);
    padding: 1.5rem 1.5rem!important;
}

.woocommerce div.product .stock {
    color: var(--lime)!important;
    font-weight: bold;
}

.woocommerce-product-details__short-description {
    border-top: solid 1px rgba(0, 0, 0, 0.3);
    border-bottom: solid 1px rgba(0, 0, 0, 0.3); 
}

.product_meta {
    font-size: smaller;    
}

.single-product main {
   padding: 1.5rem 0; 
}

div.product .product_title {
    font-size: 2.25rem;
}

.woocommerce .hero { /* a woocommerce típusú hero tartalmak */
    margin-bottom: 2rem;
}


.out-of-stock {
    color: red;
}

in-stock {
    color: green;
}

li.product.featured { /* ez az osztály jelöli, ha a termék kiemelt termék. Azért kell a li.product is, mert az felülírta */
    border: solid 2px var(--teal);
    background: #fdffc3;
}

li.product.featured img {
    mix-blend-mode: darken; /* a blend-mode ugyanúgy használható a CSS-ben, mint a Photoshopban, így eltűntethető a kép háttere */
}

.tax-product_cat .product-tags,
.tax-product_tag .product-tags, /* saját kódom */
.single-product .product-tags {
    position: absolute;
    top: 0.75rem; /* így a hivatkozás hátterének sarka nem fog kilógni a termékkártyáról */
    left: 0;
    z-index: 100;
}

.tax-product_cat .product-tags ul,
.tax-product_tag .product-tags ul,  /* saját kódom */
.single-product .product-tags ul {
    padding: 0;
    margin: 0;
}

.tax-product_cat .product-tags li,
.tax-product_tag .product-tags li,  /* saját kódom */
.single-product .product-tags li {
    list-style-type: none; /* markerek, vagyis a felsorolás jelek letiltása */
}

.tax-product_cat .product-tags a,
.tax-product_tag .product-tags a,  /* saját kódom */
.single-product .product-tags a {
    display: inline-block;
    background: var(--teal);
    color: #fff;
    padding: 0.25rem 0.5rem;
    margin-bottom: 0.25rem;
    line-height: 1;
    font-size: smaller;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}


.tax-product_cat .product-tags .uj a,
.single-product .product-tags .uj a {
    background: orange;
}

.tax-product_cat .product-tags .csak-uzletunkben a,
.single-product .product-tags .csak-uzletunkben a {
    background: red;
}
    
.wc-block-cart__submit-button {
    border-radius: 2rem!important;
    color: var(--title)!important;
    background: var(--orange)!important;
    font-weight: bold;
}

.wc-block-components-title.wc-block-components-title:before,
.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title:before{
    content: none;
    outline: none; /* az én verziómban erre nincs szükség */
}

/* saját */
.wc-block-cart__submit-button:hover,
.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover {
    color: #fff!important;
    background: var(--teal)!important;
    transform: translateX(10px);
}
.wc-block-cart__submit-button,
.woocommerce-checkout .wc-block-components-checkout-place-order-button {
    transition: transform 0.3s ease-in-out!important;
}
/* eddig */