/* Czelli 2 — WooCommerce: mini-kosár, kosár, pénztár, fiók, értesítések */

/* Woo „Kosár megtekintése" link a kártyagomb mellett — a fiók nyílik helyette */
.tkartya .added_to_cart, .liszt-doboz .added_to_cart { display: none !important; }
.tkartya-gomb.loading, .add_to_cart_button.loading { opacity: .6; pointer-events: none; }
.tkartya-gomb.loading svg { animation: czforog .8s linear infinite; }
@keyframes czforog { to { transform: rotate(360deg); } }
.tkartya-gomb.added { background: var(--arany); color: var(--barna-sotet); }
.tkartya-ar .woocommerce-Price-amount, .tkartya-ar bdi { font-weight: 500; }
.tkartya-ar del { color: var(--tinta-2); font-weight: 400; font-size: .9rem; margin-right: .4rem; }
.tkartya-ar ins { text-decoration: none; color: var(--barna); }
.termek-ar del { font-family: var(--f-torzs); font-size: 1rem; color: var(--tinta-2); }
.termek-ar ins { text-decoration: none; }

/* mini-kosár a fiókban */
.fiok-lista { display: flex; flex-direction: column; padding: 0; }
.czelli-minikosar { display: flex; flex-direction: column; height: 100%; }
.czelli-minikosar .woocommerce-mini-cart { list-style: none; margin: 0; padding: 0 1.5rem; flex: 1; overflow-y: auto; }
.czelli-minikosar .woocommerce-mini-cart-item { position: relative; display: grid; grid-template-columns: 4.5rem 1fr; gap: .25rem 1rem; padding: 1.25rem 2rem 1.25rem 0; border-bottom: 1px solid var(--vonal); font-family: var(--f-display); font-size: 1.05rem; line-height: 1.25; }
.czelli-minikosar .woocommerce-mini-cart-item > a:not(.remove) { display: contents; }
.czelli-minikosar .woocommerce-mini-cart-item img { grid-row: span 2; width: 4.5rem; height: 4.5rem; object-fit: contain; background: var(--papir-mely); padding: .35rem; margin: 0; }
.czelli-minikosar .quantity { grid-column: 2; font-family: var(--f-torzs); font-size: .85rem; color: var(--tinta-2); }
.czelli-minikosar .remove { position: absolute; right: 0; top: 1.1rem; width: 1.6rem; height: 1.6rem; display: grid; place-items: center; border-radius: 50%; color: var(--tinta-2) !important; font-size: 1.2rem; line-height: 1; }
.czelli-minikosar .remove:hover { background: #f8d3c4; color: #a33a1f !important; }
.czelli-minikosar .woocommerce-mini-cart__total { margin: 0; padding: 1.5rem; border-top: 1px solid var(--vonal); background: var(--kreta); display: flex; justify-content: space-between; align-items: baseline; }
.czelli-minikosar .woocommerce-mini-cart__total strong { font-weight: 400; color: var(--tinta-2); }
.czelli-minikosar .woocommerce-mini-cart__total .amount { font-family: var(--f-display); font-size: 1.6rem; letter-spacing: -.02em; }
.czelli-minikosar .woocommerce-mini-cart__buttons { margin: 0; padding: 0 1.5rem 1.5rem; background: var(--kreta); display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; }
.czelli-minikosar .woocommerce-mini-cart__buttons a { font-family: var(--f-felirat); display: inline-flex; align-items: center; justify-content: center; min-height: 3.25rem; padding: 0 1rem; border: 1px solid var(--barna); font-size: .78rem; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: var(--barna); }
.czelli-minikosar .woocommerce-mini-cart__buttons a.checkout { background: var(--barna); color: var(--kreta); }
.czelli-minikosar .woocommerce-mini-cart__buttons a:hover { background: var(--barna-mely); border-color: var(--barna-mely); color: var(--kreta); }
.czelli-minikosar .woocommerce-mini-cart__empty-message { padding: 4rem 1.5rem; text-align: center; color: var(--tinta-2); }

/* értesítések */
.woocommerce-notices-wrapper:empty { display: none; }
.woocommerce-message, .woocommerce-info, .woocommerce-error, .wc-block-components-notice-banner {
  list-style: none; margin: 0 0 2rem; padding: 1rem 1.25rem; border: 1px solid var(--vonal); border-left: 3px solid var(--barna); background: var(--kreta); display: flex; flex-wrap: wrap; gap: .75rem 1.5rem; justify-content: space-between; align-items: center; font-size: .95rem;
}
.woocommerce-error { border-left-color: #a33a1f; }
.woocommerce-info { border-left-color: var(--arany); }
.woocommerce-message .button, .woocommerce-info .button { order: 2; }

/* általános gombok és mezők a Woo oldalakon */
.czelli2-woo .button, .czelli2-woo button[type=submit], .czelli2-woo-urlap .button, .woocommerce-message .button, .woocommerce-info .button, .czelli2-woo .checkout-button {
  display: inline-flex; align-items: center; justify-content: center; min-height: 3.25rem; padding: 0 1.75rem; background: var(--barna); color: var(--kreta) !important; border: 1px solid var(--barna); border-radius: 0; font: 600 1rem/1 var(--f-felirat); letter-spacing: .1em; text-transform: uppercase; cursor: pointer; text-decoration: none; transition: background .2s;
}
.czelli2-woo .button:hover, .czelli2-woo button[type=submit]:hover, .czelli2-woo-urlap .button:hover { background: var(--barna-mely); }
.czelli2-woo .button:disabled, .czelli2-woo .button.disabled { opacity: .5; }
.czelli2-woo input[type=text], .czelli2-woo input[type=email], .czelli2-woo input[type=tel], .czelli2-woo input[type=password], .czelli2-woo input[type=number], .czelli2-woo textarea, .czelli2-woo select, .czelli2-woo .select2-selection {
  font: inherit; width: 100%; min-height: 3rem; padding: .6rem .8rem; border: 1px solid rgba(42, 26, 12, .28); border-radius: 0; background: var(--kreta); color: var(--tinta);
}
.czelli2-woo input:focus, .czelli2-woo textarea:focus, .czelli2-woo select:focus { outline: none; border-color: var(--barna); box-shadow: 0 0 0 1px var(--barna); }
.czelli2-woo label { font-size: .72rem; letter-spacing: .16em; text-transform: uppercase; font-weight: 500; color: var(--tinta-2); display: block; margin-bottom: .35rem; }
.czelli2-woo .form-row { margin: 0 0 1.25rem; padding: 0; }
.czelli2-woo .required { color: #a33a1f; text-decoration: none; }
.czelli2-woo h2, .czelli2-woo h3 { font-family: var(--f-display); font-weight: 400; letter-spacing: -.02em; }
.czelli2-woo h3 { font-size: 1.6rem; margin: 0 0 1.25rem; }
.czelli2-woo a:not(.button) { color: var(--barna); }

/* kosár (klasszikus rövidkód) */
.czelli2-woo .woocommerce { display: grid; gap: 3rem; }
@media (min-width: 960px) { .czelli2-woo .woocommerce:has(.cart-collaterals) { grid-template-columns: 1fr 24rem; align-items: start; } }
.czelli2-woo table.shop_table { width: 100%; border-collapse: collapse; border: 0; }
.czelli2-woo table.shop_table th { text-align: left; font-size: .68rem; letter-spacing: .2em; text-transform: uppercase; font-weight: 600; color: var(--tinta-2); padding: 0 1rem 1rem 0; border-bottom: 1px solid var(--tinta); }
.czelli2-woo table.shop_table td { padding: 1.25rem 1rem 1.25rem 0; border-bottom: 1px solid var(--vonal); vertical-align: middle; }
.czelli2-woo td.product-thumbnail img { width: 5rem; height: 5rem; object-fit: contain; background: var(--papir-mely); padding: .4rem; }
.czelli2-woo td.product-name a { font-family: var(--f-display); font-size: 1.15rem; color: var(--tinta); }
.czelli2-woo td.product-remove a { font-size: 1.4rem; color: var(--tinta-2) !important; }
.czelli2-woo .quantity input { width: 4.5rem; text-align: center; }
.czelli2-woo td.actions { padding-top: 1.5rem; }
.czelli2-woo .coupon { display: inline-flex; gap: .5rem; margin-right: 1rem; }
.czelli2-woo .coupon label { display: none; }
.czelli2-woo .coupon input { width: 12rem; }
.czelli2-woo .cart-collaterals, .czelli2-woo .cart_totals, .czelli2-woo #order_review { background: var(--kreta); border: 1px solid var(--vonal); padding: 2rem; }
.czelli2-woo .cart_totals h2 { font-size: 1.6rem; margin: 0 0 1rem; }
.czelli2-woo .cart_totals th { border: 0; padding: .75rem 0; }
.czelli2-woo .cart_totals td { border: 0; padding: .75rem 0; text-align: right; }
.czelli2-woo .order-total .amount { font-family: var(--f-display); font-size: 1.6rem; }
.czelli2-woo .wc-proceed-to-checkout .checkout-button { width: 100%; margin-top: 1rem; }
.czelli2-woo .woocommerce-shipping-methods { list-style: none; margin: 0; padding: 0; }

/* pénztár */
@media (min-width: 960px) {
  .czelli2-woo form.checkout { display: grid; grid-template-columns: 1fr 26rem; gap: 0 4rem; align-items: start; }
  .czelli2-woo form.checkout > .woocommerce-NoticeGroup, .czelli2-woo form.checkout > .col2-set { grid-column: 1; }
  .czelli2-woo form.checkout #order_review_heading, .czelli2-woo form.checkout #order_review { grid-column: 2; }
  .czelli2-woo form.checkout #order_review_heading { grid-row: 1; }
  .czelli2-woo form.checkout #order_review { grid-row: 2 / span 3; position: sticky; top: calc(var(--fejlec-m) + 1rem); }
  .czelli2-woo .col2-set .col-1, .czelli2-woo .col2-set .col-2 { width: 100%; float: none; }
}
.czelli2-woo .woocommerce-billing-fields__field-wrapper, .czelli2-woo .woocommerce-shipping-fields__field-wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.25rem; }
.czelli2-woo .form-row-wide, .czelli2-woo #billing_address_1_field, .czelli2-woo #billing_address_2_field { grid-column: 1 / -1; }
.czelli2-woo #payment { background: transparent; border-radius: 0; }
.czelli2-woo #payment ul.payment_methods { list-style: none; padding: 0; margin: 1.5rem 0; border: 0; }
.czelli2-woo #payment li { padding: .9rem 0; border-top: 1px solid var(--vonal); }
.czelli2-woo #payment .payment_box { background: var(--papir-mely); padding: 1rem; margin-top: .75rem; font-size: .9rem; }
.czelli2-woo #place_order { width: 100%; background: var(--arany); border-color: var(--arany); color: var(--barna-sotet) !important; }
.czelli2-woo #place_order:hover { background: #ffebcb; }

/* blokkos kosár / pénztár (WooCommerce Blocks) */
.czelli2-woo .wc-block-cart, .czelli2-woo .wc-block-checkout { font-family: var(--f-torzs); }
.czelli2-woo .wc-block-components-button:not(.is-link) { background: var(--barna) !important; color: var(--kreta) !important; border-radius: 0 !important; min-height: 3.25rem; text-transform: uppercase; letter-spacing: .08em; font-size: .85rem; }
.czelli2-woo .wc-block-components-checkout-place-order-button { background: var(--arany) !important; color: var(--barna-sotet) !important; }
.czelli2-woo .wc-block-components-text-input input, .czelli2-woo .wc-block-components-combobox input, .czelli2-woo .wc-blocks-components-select select { border-radius: 0 !important; background: var(--kreta) !important; }
.czelli2-woo .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font-family: var(--f-display); font-size: 1.6rem; }
.czelli2-woo .wc-block-components-product-name { font-family: var(--f-display); font-size: 1.1rem; color: var(--tinta) !important; }

/* fiók */
.czelli2-woo .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--vonal); }
.czelli2-woo .woocommerce-MyAccount-navigation li a { display: block; padding: .9rem 0; border-bottom: 1px solid var(--vonal); font-size: .8rem; letter-spacing: .14em; text-transform: uppercase; color: var(--tinta) !important; }
.czelli2-woo .woocommerce-MyAccount-navigation li.is-active a { color: var(--barna) !important; font-weight: 600; }
@media (min-width: 960px) { .czelli2-woo .woocommerce:has(.woocommerce-MyAccount-navigation) { grid-template-columns: 16rem 1fr; } }

/* változatos termék űrlapja a termékoldalon */
.czelli2-woo-urlap { margin: 2rem 0 1rem; }
.czelli2-woo-urlap table.variations { width: 100%; margin-bottom: 1rem; }
.czelli2-woo-urlap select { font: inherit; padding: .6rem; border: 1px solid var(--tinta); background: transparent; border-radius: 0; }
.czelli2-woo-urlap .quantity input { width: 4rem; min-height: 3.25rem; text-align: center; border: 1px solid var(--tinta); background: transparent; }
.czelli2-woo-urlap form.cart { display: flex; flex-wrap: wrap; gap: .75rem; }