/* eecu overrides & additions on top of the verbatim-ported app.css.
   The ported CSS owns all component states (hover menus, .selectA.open,
   .hamburger.active, .collapse.in, .langs:hover) — do NOT re-style them here. */

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
}

/* ── WooCommerce cart & checkout skin (design tokens from the ported bundle:
      red #ee3030 / hover #d62b2b, Play headings, 10px radius buttons, #d0d0d0 inputs) ── */

.eecu-wc-content { padding-top: 40px; padding-bottom: 80px; }
.eecu-wc-content h1, .eecu-wc-content h2, .eecu-wc-content h3,
.eecu-wc-content .cart_totals h2, .eecu-wc-content #order_review_heading {
	font-family: Play, sans-serif; font-weight: 700; text-transform: uppercase; color: #212121;
}

/* Buttons */
.eecu-wc-content .button,
.eecu-wc-content button[type=submit],
.eecu-wc-content .checkout-button,
.eecu-wc-content #place_order {
	align-items: center; display: inline-flex; justify-content: center; cursor: pointer;
	background: #ee3030; border: 1px solid #ee3030; border-radius: 10px; color: #fff;
	font-family: Play, sans-serif; font-size: 16px; font-weight: 700; text-transform: uppercase;
	padding: 14px 28px; line-height: 1; transition: all .2s; text-decoration: none;
}
.eecu-wc-content .button:hover,
.eecu-wc-content button[type=submit]:hover,
.eecu-wc-content .checkout-button:hover,
.eecu-wc-content #place_order:hover { background: #d62b2b; border-color: #d62b2b; color: #fff; }
.eecu-wc-content #place_order { width: 100%; padding: 18px 28px; }
.eecu-wc-content .button[name=update_cart]:disabled { opacity: .4; }

/* Inputs */
.eecu-wc-content input.input-text,
.eecu-wc-content textarea.input-text,
.eecu-wc-content select,
.eecu-wc-content .select2-selection--single {
	-webkit-appearance: none; appearance: none;
	background: #d0d0d0; border: 1px solid #a4a4a4; border-radius: 8px;
	padding: 12px 14px; font-size: 15px; color: #212121; min-height: 46px; width: 100%;
}
.eecu-wc-content .select2-selection--single { display: flex; align-items: center; }
.eecu-wc-content .select2-selection__arrow { top: 10px !important; }
.eecu-wc-content input.input-text::placeholder,
.eecu-wc-content textarea.input-text::placeholder { color: #9a9a9a; }
.eecu-wc-content .form-row label { font-weight: 600; font-size: 14px; margin-bottom: 4px; color: #212121; }
.eecu-wc-content .required { color: #ee3030; text-decoration: none; }

/* Tables (cart items, order review) */
.eecu-wc-content table.shop_table {
	border: 1px solid rgba(33,33,33,.15); border-radius: 15px; border-collapse: separate;
	border-spacing: 0; overflow: hidden; background: #fff;
}
.eecu-wc-content table.shop_table th,
.eecu-wc-content table.shop_table td { border: 0; border-bottom: 1px solid rgba(33,33,33,.12); padding: 14px 16px; }
.eecu-wc-content table.shop_table thead th { background: #212121; color: #fff; font-family: Play, sans-serif; text-transform: uppercase; font-size: 13px; }
.eecu-wc-content table.shop_table tr:last-child td { border-bottom: 0; }
.eecu-wc-content .cart_item .product-name a { color: #212121; font-weight: 600; text-decoration: none; }
.eecu-wc-content .cart_item .product-name a:hover { color: #ee3030; }
.eecu-wc-content a.remove { color: #ee3030 !important; }
.eecu-wc-content .order-total td, .eecu-wc-content .order-total th,
.eecu-wc-content .cart-subtotal td { font-weight: 700; }
.eecu-wc-content .amount { color: #212121; font-weight: 700; }
.eecu-wc-content .order-total .amount { color: #ee3030; }

/* Shipping methods & payments */
.eecu-wc-content ul#shipping_method, .eecu-wc-content ul.wc_payment_methods { list-style: none; margin: 0; padding: 0; }
.eecu-wc-content ul#shipping_method li { margin-bottom: 8px; display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.eecu-wc-content input[type=radio] { accent-color: #ee3030; width: 16px; height: 16px; }
.eecu-wc-content input[type=checkbox] { accent-color: #ee3030; }
.eecu-wc-content #payment { background: #fff; border: 1px solid rgba(33,33,33,.15); border-radius: 15px; }
.eecu-wc-content #payment .wc_payment_method { padding: 12px 18px; border-bottom: 1px solid rgba(33,33,33,.08); }
.eecu-wc-content #payment div.payment_box { background: #efefef; border-radius: 8px; margin-top: 8px; padding: 12px 16px; }
.eecu-wc-content #payment div.payment_box::before { display: none; }
.eecu-wc-content #payment .place-order { padding: 18px; }

/* Notices */
.eecu-wc-content .woocommerce-message,
.eecu-wc-content .woocommerce-info,
.eecu-wc-content .woocommerce-error {
	border-top: 3px solid #ee3030; background: #fff; border-radius: 0 0 10px 10px;
	padding: 14px 18px 14px 44px; margin-bottom: 24px; list-style: none;
}
.eecu-wc-content .woocommerce-message::before,
.eecu-wc-content .woocommerce-info::before { color: #ee3030; }
.eecu-wc-content .woocommerce-message .button { float: right; padding: 8px 16px; font-size: 13px; }

/* Coupon row */
.eecu-wc-content .coupon { display: flex; gap: 8px; align-items: center; }
.eecu-wc-content .coupon .input-text { width: 180px; min-height: 42px; }

/* Layout */
.eecu-wc-content .woocommerce { max-width: 1160px; margin: 0 auto; }
.eecu-wc-content .cart-collaterals .cart_totals { float: none; width: 100%; max-width: 480px; margin-left: auto; }
.eecu-wc-content form.checkout .col2-set { width: 48%; float: left; }
.eecu-wc-content form.checkout .col2-set .col-1,
.eecu-wc-content form.checkout .col2-set .col-2 { width: 100%; float: none; margin-bottom: 24px; }
.eecu-wc-content form.checkout #order_review, .eecu-wc-content form.checkout #order_review_heading { width: 48%; float: right; }
.eecu-wc-content ul#shipping_method li label { display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap; }
@media screen and (max-width: 900px) {
	.eecu-wc-content form.checkout .col2-set,
	.eecu-wc-content form.checkout #order_review,
	.eecu-wc-content form.checkout #order_review_heading { width: 100%; float: none; }
}

/* ── Origin /pirkti checkout layout ─────────────────────────────────── */
.eecu-checkout { width: 100%; }
/* neutralize the generic two-column skin inside the origin layout */
.eecu-checkout .col2-set, .eecu-checkout #order_review,
.eecu-checkout #order_review_heading { width: 100% !important; float: none !important; }
.eecu-checkout table.shop_table { width: 100%; margin: 0; }
.eecu-checkout ul#shipping_method li label { flex: 1; }
.eecu-checkout ul#shipping_method li img { display: none; }
.eecu-checkout .eecu-payboxes { margin-top: 26px; }
.eecu-checkout .eecu-payboxes div.payment_box { width: 100%; background: #efefef; border: 0; border-radius: 10px; padding: 16px 20px; margin: 0 0 12px; font-size: 14px; color: #212121; }
.eecu-checkout .eecu-payboxes div.payment_box p:last-child { margin-bottom: 0; }
.eecu-checkout .eecu-payboxes div.payment_box iframe { width: 100% !important; min-height: 54px; }
/* origin checkout shows no info banners */
.woocommerce-checkout .eecu-wc-content .woocommerce-message,
.woocommerce-checkout .eecu-wc-content .woocommerce-info { display: none; }
.eecu-checkout ul#shipping_method li::before, .eecu-checkout .wc_payment_method::before { display: none; }
.eecu-checkout .eecu-co-grid { display: flex; gap: 60px; align-items: flex-start; max-width: 1240px; margin: 0 auto; }
.eecu-checkout .eecu-co-left { flex: 1 1 62%; min-width: 0; }
.eecu-checkout .eecu-co-right { flex: 0 0 32%; position: sticky; top: 110px; }
.eecu-co-h { font-family: Play, sans-serif; font-weight: 700; font-size: 26px; text-transform: uppercase; color: #212121; margin: 40px 0 6px; display: flex; gap: 34px; }
.eecu-co-h:first-child { margin-top: 0; }
.eecu-co-sub { color: #212121; margin: 0 0 18px 60px; }
.eecu-co-fields { margin-left: 60px; }
.eecu-checkout .woocommerce-billing-fields h3, .eecu-checkout #order_review_heading { display: none; }
.eecu-checkout .woocommerce-billing-fields__field-wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 16px; }
.eecu-checkout .form-row { margin: 0; padding: 0; width: auto; float: none; }
.eecu-checkout .form-row label { display: none; }
.eecu-checkout .eecu-invoice { grid-column: 1 / -1; }
.eecu-checkout .eecu-invoice label { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; }
.eecu-checkout input.input-text, .eecu-checkout select, .eecu-checkout .select2-selection--single {
	background: #d0d0d0; border: 1px solid #a4a4a4; border-radius: 8px; min-height: 52px;
}
.eecu-checkout input.input-text::placeholder { color: #6a6a6a; }
/* Ship-to-different + duplicated shipping form: origin has none */
.eecu-checkout .woocommerce-shipping-fields { display: none; }
.eecu-checkout .woocommerce-additional-fields { margin: 26px 0 0 60px; }
.eecu-checkout .woocommerce-additional-fields h3 { display: none; }
.eecu-checkout .woocommerce-additional-fields .form-row label { display: block; font-family: Play, sans-serif; font-weight: 700; font-size: 17px; margin-bottom: 8px; }
.eecu-checkout #order_comments { min-height: 130px; background: #d0d0d0; border-radius: 8px; }
/* Review table → section 2 look: hide items/totals, style shipping list.
   overflow must stay visible: the DPD terminal dropdown is an absolute 500px
   list inside this table — the skin's rounded-corner overflow:hidden clips it. */
.eecu-checkout table.shop_table { border: 0; background: transparent; overflow: visible; }
.eecu-checkout .woocommerce-checkout-review-order-table thead,
.eecu-checkout .woocommerce-checkout-review-order-table .cart_item,
.eecu-checkout .woocommerce-checkout-review-order-table .cart-subtotal,
.eecu-checkout .woocommerce-checkout-review-order-table .order-total { display: none; }
.eecu-checkout .woocommerce-shipping-totals th { display: none; }
.eecu-checkout .woocommerce-shipping-totals td { display: block; border: 0; padding: 0 0 0 60px; }
.eecu-checkout tr { display: block; } .eecu-checkout tbody, .eecu-checkout tfoot { display: block; }
.eecu-checkout ul#shipping_method { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px 0; }
.eecu-checkout ul#shipping_method li { display: flex; align-items: flex-start; gap: 10px; margin: 0; padding: 0 18px; border-left: 1px dashed rgba(33,33,33,.25); }
.eecu-checkout ul#shipping_method li:nth-child(3n+1) { border-left: 0; padding-left: 0; }
.eecu-checkout ul#shipping_method li label { font-family: Play, sans-serif; font-weight: 700; font-size: 16px; line-height: 1.3; display: block; }
.eecu-checkout ul#shipping_method li label img { display: none; }
.eecu-checkout ul#shipping_method li .amount { display: block; color: #ee3030; margin-top: 2px; }
.eecu-checkout input.shipping_method { margin-top: 3px; }
/* Terminal picker rows render full width under the grid */
.eecu-checkout .woocommerce-checkout-review-order-table tr:not(.woocommerce-shipping-totals) td,
.eecu-checkout .woocommerce-checkout-review-order-table tr:not(.woocommerce-shipping-totals) th { display: block; border: 0; padding: 14px 0 0 60px; }
/* Payment (section 3) — origin .payments spec (scope d109d27b, measured live):
   content-sized items in a wrapping row with solid dividers, 20px black radio
   with 14px dot, Play 18/18 bold labels; descriptions live in .eecu-payboxes. */
.eecu-checkout #payment { background: transparent; border: 0; border-radius: 0; margin-left: 60px; }
.eecu-checkout #payment .wc_payment_methods { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 0; padding: 0 !important; }
/* WC's clearfix pseudo (`.woocommerce #payment ul.payment_methods:before`,
   content " " display table) becomes a grid item and steals the first cell. */
.eecu-checkout #payment ul.wc_payment_methods::before,
.eecu-checkout #payment ul.wc_payment_methods::after { content: none !important; display: none !important; }
.eecu-checkout #payment .wc_payment_method { position: relative; margin: 0; padding: 0 16px 0 35px; border: 0; }
.eecu-checkout #payment .wc_payment_method + .wc_payment_method { border-left: 1px solid rgba(33,33,33,.2); margin-left: 0; padding-left: 59px; }
.eecu-checkout #payment .wc_payment_method input.input-radio {
	position: absolute; left: 0; top: 0; margin: 0; cursor: pointer;
	appearance: none; -webkit-appearance: none; width: 20px; height: 20px;
	border: 1px solid #000; border-radius: 50%; background: #fff;
}
.eecu-checkout #payment .wc_payment_method + .wc_payment_method input.input-radio { left: 28px; }
.eecu-checkout #payment .wc_payment_method input.input-radio:checked::after {
	content: ''; position: absolute; inset: 2px; border-radius: 50%; background: #000;
}
.eecu-checkout #payment .wc_payment_method > label { display: block; font-family: Play, sans-serif; font-weight: 700; font-size: 18px; line-height: 20px; color: #000; cursor: pointer; padding: 0; }
.eecu-checkout #payment .wc_payment_method label img { display: inline-block; height: 20px; width: auto; margin: 10px 6px 0 0; vertical-align: middle; }
.eecu-checkout #payment li .payment_box { display: none; } /* until relocated to .eecu-payboxes */
.eecu-checkout #payment .place-order { padding: 30px 0 0; }
.eecu-checkout #place_order { width: auto; min-width: 190px; float: right; }
.eecu-checkout .woocommerce-terms-and-conditions-wrapper { margin-left: 60px; }
/* KREPŠELIS panel */
.eecu-cosum { border-left: 1px solid rgba(33,33,33,.15); padding-left: 34px; }
.eecu-cosum-title { font-family: Play, sans-serif; font-weight: 700; font-size: 26px; text-transform: uppercase; margin: 0 0 20px; }
.eecu-cosum-item { display: flex; gap: 14px; position: relative; padding: 16px 26px 16px 0; border-top: 1px solid rgba(33,33,33,.12); }
.eecu-cosum-item .img { width: 84px; flex: 0 0 84px; }
.eecu-cosum-item .img img { border-radius: 8px; }
.eecu-cosum-item .t { font-weight: 700; }
.eecu-cosum-item .var { font-weight: 700; font-size: 13px; margin-top: 2px; }
.eecu-cosum-item .price { color: #ee3030; font-weight: 700; margin: 4px 0 8px; }
.eecu-cosum-item .qty { display: inline-flex; align-items: center; border: 1px solid #c8c8c8; border-radius: 4px; }
.eecu-cosum-item .qty .stepper { width: 26px; text-align: center; cursor: pointer; color: #6a6a6a; user-select: none; }
.eecu-cosum-item .qty .stepper.disable { opacity: .35; cursor: default; }
.eecu-cosum-item .qty .val { width: 30px; text-align: center; border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; }
.eecu-cosum-item .x { position: absolute; right: 0; top: 20px; cursor: pointer; opacity: .5; width: 16px; }
.eecu-cosum-coupon { display: flex; gap: 10px; margin: 18px 0; }
.eecu-cosum-coupon input { flex: 1; background: #d0d0d0; border: 1px solid #a4a4a4; border-radius: 8px; min-height: 52px; padding: 0 14px; }
.eecu-cosum-coupon input::placeholder { color: #6a6a6a; }
.eecu-cosum-coupon .eecu-coupon-apply { background: #ee3030; color: #fff; border-radius: 10px; font-family: Play, sans-serif; font-weight: 700; display: inline-flex; align-items: center; padding: 0 24px; cursor: pointer; }
.eecu-cosum-row { display: flex; justify-content: space-between; padding: 10px 0; border-top: 1px solid rgba(33,33,33,.12); font-weight: 700; }
.eecu-cosum-row .p { color: #ee3030; }
.eecu-cosum-row.total { font-size: 18px; }
@media screen and (max-width: 900px) {
	.eecu-checkout .eecu-co-grid { flex-direction: column-reverse; }
	.eecu-checkout .eecu-co-right { position: static; width: 100%; }
	.eecu-co-fields, .eecu-co-sub, .eecu-checkout #payment, .eecu-checkout .woocommerce-additional-fields,
	.eecu-checkout .woocommerce-shipping-totals td { margin-left: 0; padding-left: 0; }
	.eecu-checkout ul#shipping_method { grid-template-columns: 1fr; }
	.eecu-checkout ul#shipping_method li { border-left: 0; padding-left: 0; }
	.eecu-checkout #payment .wc_payment_methods { grid-template-columns: 1fr; gap: 18px; }
	.eecu-checkout #payment .wc_payment_method,
	.eecu-checkout #payment .wc_payment_method + .wc_payment_method { border-left: 0; padding-left: 35px; }
	.eecu-checkout #payment .wc_payment_method + .wc_payment_method input.input-radio { left: 0; }
	.eecu-checkout .woocommerce-billing-fields__field-wrapper { grid-template-columns: 1fr; }
}

/* Thank-you page */
.eecu-wc-content .woocommerce-order ul.order_details { list-style: none; display: flex; flex-wrap: wrap; gap: 16px; padding: 0; }
.eecu-wc-content .woocommerce-order ul.order_details li { border: 1px solid rgba(33,33,33,.15); border-radius: 10px; padding: 12px 16px; }

.eecu-form-ok { font-family: Play, sans-serif; font-weight: 700; font-size: 18px; }
.eecu-form-err { color: #ee3030; font-weight: 600; }

/* Vehicle-selection sidebar: Vue mounted the panel only when open; we render it
   always, so the closed state must hide it (mirrors the form-enter transition). */
.product-container .wrp { transform: translateX(100%); transition: transform .45s; visibility: hidden; }
.product-container.on .wrp { transform: translateX(0); visibility: visible; }

/* Cart drawer: same always-rendered/closed-by-default pattern. */
.cart-container .wrp { transform: translateX(100%); transition: transform .45s; visibility: hidden; }
.cart-container.on .wrp { transform: translateX(0); visibility: visible; }

/* ── My Account + warranty (Mano įrankiai) ─────────────────────────────────
   The account area is new (headless era had none); nav styled to the site's
   vocabulary, warranty screens port the reg.remapeecu.com portal layouts. */
.eecu-wc-content .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0 0 32px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.eecu-wc-content .woocommerce-MyAccount-navigation a { display: block; padding: 10px 18px; border: 1px solid rgba(33,33,33,.16); border-radius: 100px; color: #212121; font-weight: 600; font-size: 14px; text-decoration: none; transition: all .2s; }
.eecu-wc-content .woocommerce-MyAccount-navigation a:hover { border-color: #ee3030; color: #ee3030; }
.eecu-wc-content .woocommerce-MyAccount-navigation li.is-active a { background: #212121; border-color: #212121; color: #fff; }
@media (min-width: 992px) {
	.eecu-wc-content .woocommerce-MyAccount-content { max-width: 860px; }
}

.eecu-warr-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 24px; }
.eecu-warr-head h2 { margin: 0; }
.eecu-warr-back { color: #ee3030; font-weight: 600; font-size: 14px; text-decoration: none; }
.eecu-warr-back:hover { text-decoration: underline; }
.eecu-warr-notice { border-left: 3px solid #00a32a; background: #f2faf4; padding: 14px 18px; margin-bottom: 24px; font-weight: 600; }

.eecu-warr-form { max-width: 640px; }
.eecu-warr-row { display: block; margin: 0 0 18px; }
.eecu-warr-row label { display: block; font-weight: 600; font-size: 14px; margin-bottom: 4px; color: #212121; }
.eecu-warr-row .input-text, .eecu-warr-row select { width: 100%; }
.eecu-warr-row select { height: 44px; border: 1px solid rgba(33,33,33,.24); border-radius: 6px; padding: 0 12px; background: #fff; }
.eecu-warr-help { display: block; margin-top: 5px; font-size: 13px; color: #757575; }
.eecu-warr-error { display: block; margin-top: 5px; font-size: 13px; color: #ee3030; font-weight: 600; }
.eecu-warr-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px; }
.eecu-warr-grid3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0 20px; }
@media (max-width: 767px) { .eecu-warr-grid2, .eecu-warr-grid3 { grid-template-columns: 1fr; } }
.eecu-warr-submit { width: 100%; }
.eecu-warr-mono { font-family: monospace; }

.eecu-warr-empty { border: 1px dashed rgba(33,33,33,.24); border-radius: 12px; padding: 56px 24px; text-align: center; }
.eecu-warr-empty-title { font-family: Play, sans-serif; font-weight: 700; font-size: 18px; color: #212121; margin-bottom: 8px; }
.eecu-warr-empty p { max-width: 420px; margin-left: auto; margin-right: auto; color: #757575; }
.eecu-warr-empty .button { margin-top: 20px; }

.eecu-warr-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
@media (max-width: 991px) { .eecu-warr-list { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575px) { .eecu-warr-list { grid-template-columns: 1fr; } }

.eecu-warr-card { border: 1px solid rgba(33,33,33,.12); border-radius: 12px; background: #fff; padding: 20px; }
.eecu-warr-card h3 { margin: 0 0 16px; font-size: 13px; text-transform: uppercase; letter-spacing: .06em; color: #757575; }
.eecu-warr-item { display: block; text-decoration: none; transition: all .2s; }
.eecu-warr-item:hover { transform: translateY(-2px); border-color: rgba(238,48,48,.4); box-shadow: 0 6px 18px rgba(0,0,0,.08); }
.eecu-warr-item-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin-bottom: 14px; }
.eecu-warr-item-top .eecu-warr-mono { font-size: 13px; color: #757575; }
.eecu-warr-item-title { display: block; font-family: Play, sans-serif; font-weight: 700; font-size: 18px; color: #212121; }
.eecu-warr-item:hover .eecu-warr-item-title { color: #ee3030; }
.eecu-warr-item-year { display: block; margin-top: 2px; font-size: 14px; color: #757575; }

.eecu-warr-badge { display: inline-block; padding: 3px 12px; border-radius: 100px; font-size: 12px; font-weight: 700; white-space: nowrap; }
.eecu-warr-badge.is-active { background: #dcf3e3; color: #1a7f37; }
.eecu-warr-badge.is-expires_soon { background: #fdf0d5; color: #9a6700; }
.eecu-warr-badge.is-expired { background: #ececec; color: #57606a; }
.eecu-warr-badge.is-voided { background: #fbe2e2; color: #c31e1e; }

.eecu-warr-detail { display: grid; grid-template-columns: 2fr 1fr; gap: 20px; align-items: start; }
@media (max-width: 767px) { .eecu-warr-detail { grid-template-columns: 1fr; } }
.eecu-warr-detail dl { margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 16px 24px; }
.eecu-warr-card:not(.eecu-warr-details) dl { grid-template-columns: 1fr; margin-top: 16px; }
.eecu-warr-detail dt { font-size: 13px; color: #757575; }
.eecu-warr-detail dd { margin: 2px 0 0; font-size: 14px; font-weight: 600; color: #212121; }

/* Guest login/register: warranty registration explainer banner. */
.eecu-warr-intro { max-width: 720px; margin: 0 auto 40px; padding: 20px 24px; border-left: 3px solid #ee3030; background: #fff; border-radius: 0 12px 12px 0; }
.eecu-warr-intro h2 { margin: 0 0 8px; font-size: 20px; }
.eecu-warr-intro p { margin: 0; color: #575757; font-size: 14px; line-height: 1.6; }

/* Coupon feedback under the KREPŠELIS panel field */
.eecu-cosum-err { color: #ee3030; font-size: 13px; font-weight: 600; margin: -8px 0 14px; }

/* VAT: customer-type select, VIES feedback, summary note */
.eecu-checkout .eecu-vat-type select { background: #d0d0d0; border: 1px solid #a4a4a4; border-radius: 8px; min-height: 52px; width: 100%; padding: 0 14px; color: #212121; }
#eecu-vat-state { grid-column: 1 / -1; }
#eecu-vat-state span { display: block; margin: 2px 0 4px; font-size: 13px; font-weight: 600; }
.eecu-vat-ok { color: #1a7f37; }
.eecu-vat-bad { color: #ee3030; }
.eecu-vat-warn { color: #9a6700; }
.eecu-cosum-note { font-size: 13px; font-weight: 600; color: #575757; padding: 2px 0 8px; }

/* ── Support tickets (Užklausos) ─────────────────────────────────────────── */
.eecu-tkt-eyebrow { font-size: 13px; color: #757575; font-family: monospace; margin-bottom: 4px; }
.eecu-warr-head .eecu-tkt-badge { margin-top: 8px; display: inline-block; }
.eecu-tkt-badge { display: inline-block; padding: 3px 12px; border-radius: 100px; font-size: 12px; font-weight: 700; white-space: nowrap; }
.eecu-tkt-badge.is-open { background: #dbe9f6; color: #1d4ed8; }
.eecu-tkt-badge.is-answered { background: #dcf3e3; color: #1a7f37; }
.eecu-tkt-badge.is-closed { background: #ececec; color: #57606a; }

.eecu-tkt-tablewrap { overflow-x: auto; }
.eecu-tkt-table { width: 100%; border-collapse: collapse; background: #fff; border: 1px solid rgba(33,33,33,.12); border-radius: 12px; overflow: hidden; }
.eecu-tkt-table th { background: #212121; color: #fff; font-family: Play, sans-serif; text-transform: uppercase; font-size: 12px; text-align: left; padding: 12px 16px; }
.eecu-tkt-table td { padding: 12px 16px; border-top: 1px solid rgba(33,33,33,.08); font-size: 14px; }
.eecu-tkt-table td a { color: #212121; font-weight: 600; text-decoration: none; }
.eecu-tkt-table td a:hover { color: #ee3030; }
.eecu-tkt-table td.eecu-warr-mono a { font-family: monospace; color: #757575; }

.eecu-tkt-tool { margin-bottom: 20px; }
.eecu-tkt-tool-row { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; font-size: 14px; }
.eecu-tkt-tool-row .eecu-warr-mono { color: #757575; font-size: 13px; }

.eecu-tkt-thread { display: flex; flex-direction: column; gap: 14px; margin-bottom: 24px; }
.eecu-tkt-msg { max-width: 78%; padding: 14px 18px; border-radius: 12px; font-size: 14px; line-height: 1.55; }
.eecu-tkt-msg.is-mine { align-self: flex-end; background: #212121; color: #fff; }
.eecu-tkt-msg.is-support { align-self: flex-start; background: #fff; border: 1px solid rgba(33,33,33,.12); }
.eecu-tkt-msg-meta { font-family: Play, sans-serif; font-weight: 700; font-size: 11px; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 6px; }
.eecu-tkt-msg.is-mine .eecu-tkt-msg-meta { color: #a4a4a4; }
.eecu-tkt-msg.is-support .eecu-tkt-msg-meta { color: #ee3030; }
.eecu-tkt-msg-meta span { font-family: Inter, sans-serif; font-weight: 400; text-transform: none; letter-spacing: 0; }
.eecu-tkt-files { margin-top: 8px; }
.eecu-tkt-files a { display: block; font-size: 13px; font-weight: 600; text-decoration: underline; }
.eecu-tkt-msg.is-mine .eecu-tkt-files a { color: #fff; }
.eecu-tkt-msg.is-support .eecu-tkt-files a { color: #ee3030; }

.eecu-tkt-replybox input[type=file] { font-size: 13px; }
.eecu-tkt-close { border-top: 1px solid rgba(33,33,33,.12); margin-top: 16px; padding-top: 12px; }
.eecu-wc-content .eecu-tkt-close button { background: none; border: 0; padding: 0; color: #757575; font-size: 14px; cursor: pointer; font-family: Inter, sans-serif; text-transform: none; font-weight: 400; }
.eecu-wc-content .eecu-tkt-close button:hover { background: none; border: 0; color: #ee3030; }
.eecu-warr-ticketbtn { margin-top: 18px; width: 100%; }