/**
 * Kosár / pénztár / köszönőoldal arculat — allapotfelmeres.hu
 *
 * Paletta: navy #131533 | mélypiros #D50000 | korall #EE484A
 *          szöveg #333638 | halvány #7A7A7A | keret #DCDFE6 | elválasztó #E4E4E4
 * Radius:  6px (mezők, gombok) | 8px (kártyák, dobozok)
 *
 * Blokkos és klasszikus (shortcode) Woo felületet is lefed. A kontesztált
 * szabályok `body` prefixet kapnak, mert a Woo blokk-CSS attribútum-szelektoros
 * input szabályai (pl. .wc-block-components-text-input input[type="email"])
 * különben erősebbek.
 */

/* ---- Alap tipográfia ---- */
.wc-block-checkout,
.wc-block-cart,
.wp-block-woocommerce-checkout,
.wp-block-woocommerce-cart,
.woocommerce {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    color: #333638;
}

/* Oldalcím és lépés-címek */
.woocommerce-checkout .entry-title,
.woocommerce-cart .entry-title,
.wc-block-components-title,
.wc-block-components-checkout-step__title {
    color: #131533;
    font-weight: 700;
}

.wc-block-components-checkout-step__description {
    color: #7A7A7A;
}

/* ---- Gombok (Megrendelés, kosár gombok) ---- */
.wc-block-components-button:not(.is-link),
.woocommerce .button.alt,
.woocommerce button.button.alt,
.woocommerce a.button.alt,
.woocommerce #place_order {
    background-color: #D50000;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.wc-block-components-button:not(.is-link):hover,
.wc-block-components-button:not(.is-link):focus,
.woocommerce .button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce #place_order:hover {
    background-color: #b30000;
    color: #ffffff;
}

.wc-block-components-button:not(.is-link):focus-visible {
    box-shadow: 0 0 0 3px rgba(213, 0, 0, 0.25);
    outline: none;
}

.wc-block-components-checkout-place-order-button {
    min-height: 52px;
}

/* ---- Űrlapmezők ---- */
body .wc-block-components-text-input input[type="text"],
body .wc-block-components-text-input input[type="email"],
body .wc-block-components-text-input input[type="tel"],
body .wc-block-components-text-input input[type="number"],
body .wc-block-components-text-input input[type="url"],
body .wc-block-components-text-input input[type="password"],
body .wc-blocks-components-select .wc-blocks-components-select__container,
body .wc-block-components-combobox .components-combobox-control__input,
body .wc-block-components-textarea,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
    background-color: #ffffff;
    border: 1px solid #DCDFE6;
    border-radius: 6px;
    color: #333638;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

body .wc-block-components-text-input input:hover,
body .wc-blocks-components-select .wc-blocks-components-select__container:hover,
body .wc-block-components-combobox .components-combobox-control__input:hover,
body .wc-block-components-textarea:hover {
    border-color: #b9bec9;
}

body .wc-block-components-text-input input:focus,
body .wc-blocks-components-select .wc-blocks-components-select__container:focus-within,
body .wc-block-components-combobox .components-combobox-control__input:focus,
body .wc-block-components-textarea:focus,
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
    border-color: #EE484A;
    box-shadow: 0 0 0 2px rgba(238, 72, 74, 0.15);
    outline: none;
}

/* Lebegő címkék a mezőkben */
.wc-block-components-text-input label,
.wc-block-components-combobox label,
.wc-blocks-components-select__label {
    color: #7A7A7A;
}

/* ---- Jelölők (checkbox, radio) ---- */
.wc-block-checkout input,
.wc-block-cart input,
.woocommerce input {
    accent-color: #D50000;
}

body .wc-block-components-checkbox__input {
    border: 1px solid #b9bec9;
    border-radius: 4px;
}

body .wc-block-components-checkbox__input:checked {
    background-color: #D50000;
    border-color: #D50000;
}

body .wc-block-components-radio-control__input {
    border: 1px solid #b9bec9;
}

body .wc-block-components-radio-control__input:checked {
    border-color: #D50000;
}

body .wc-block-components-radio-control__input:checked::before {
    background-color: #D50000;
}

/* ---- Fizetési módok doboz ----
   A dobozkeretet a Woo ::after pszeudo-elemmel rajzolja, a kijelölt opciót
   currentColor színű belső box-shadow-val — ezeket írjuk át. */
body .wc-block-components-radio-control--highlight-checked:after {
    border-color: #DCDFE6;
    border-radius: 8px;
}

body .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
body .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
    background-color: #FDF6F6;
    border-radius: 8px;
    box-shadow: inset 0 0 0 1.5px #EE484A;
}

.wc-block-components-payment-method-label {
    color: #131533;
    font-weight: 500;
}

/* ---- Linkek ---- */
.wc-block-checkout a,
.wc-block-cart a,
.woocommerce-order a,
.woocommerce-checkout .woocommerce a {
    color: #EE484A;
}

/* Kuponok hozzáadása panel gomb */
.wc-block-components-panel__button {
    color: #131533;
}

/* ---- Rendelés összesítő (sidebar kártya) ---- */
.wc-block-components-sidebar .wc-block-components-panel,
.is-large.wc-block-components-sidebar-layout .wc-block-components-sidebar {
    background-color: #ffffff;
}

.is-large.wc-block-components-sidebar-layout .wc-block-components-sidebar {
    border: 1px solid #E4E4E4;
    border-top: 4px solid #EE484A;
    border-radius: 8px;
    padding: 24px;
}

.wc-block-components-product-name {
    color: #131533;
    font-weight: 700;
}

/* A helyőrző terméknek nincs képe, a szürke placeholder ikon csak zavaró.
   A Woo checkout.css display:table-cell-t ad rá, ezért kell az !important. */
.wc-block-components-order-summary-item__image,
.wc-block-cart-item__image {
    display: none !important;
}

/* Összesítő elválasztók */
.wc-block-components-totals-wrapper {
    border-top-color: #E4E4E4;
}

/* Végösszeg kiemelése */
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.woocommerce-table--order-details tfoot tr:last-child th {
    color: #131533;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.woocommerce-table--order-details tfoot tr:last-child td {
    color: #D50000;
    font-weight: 700;
}

/* ---- Köszönőoldal (klasszikus sablon) ---- */
.woocommerce-order .woocommerce-thankyou-order-received {
    color: #131533;
    font-size: 1.5em;
    font-weight: 700;
}

.woocommerce ul.woocommerce-order-overview {
    background-color: #ffffff;
    border: 1px solid #E4E4E4;
    border-top: 4px solid #EE484A;
    border-radius: 8px;
    padding: 24px 8px;
}

.woocommerce ul.woocommerce-order-overview li {
    border-right-color: #E4E4E4;
    color: #7A7A7A;
}

.woocommerce ul.woocommerce-order-overview li strong {
    color: #131533;
}

.woocommerce ul.woocommerce-order-overview li.total strong {
    color: #D50000;
}

.woocommerce-table--order-details,
.woocommerce table.shop_table {
    border: 1px solid #E4E4E4;
    border-radius: 8px;
}

.woocommerce table.shop_table th {
    color: #131533;
}

/* ---- Értesítések ---- */
.wc-block-components-notice-banner {
    border-radius: 8px;
}

.wc-block-components-notice-banner.is-error,
.woocommerce-error {
    border-color: #D50000;
}
