/* BKA 2026 v5 – live bka.hu additions (inc/v5/live-site.php). */

/* Reflexive CiviCRM forms (contact gid 12, newsletter gid 14). */
.v5-civicrm { display: flex; justify-content: center; }
.v5-civicrm__frame {
	display: block;
	width: 100%;
	max-width: 530px;
	border: 0;
	background: #fff;
	border-radius: 12px;
}
.v5-civicrm-band__title { text-align: center; }
.v5-civicrm-band__lead { max-width: 46rem; margin: 0 auto 2rem; text-align: center; }
.v5-newsletter .v5-civicrm { margin-top: 1.5rem; }

/* WPForms reminder (#44195) inside the Adó 1% dialog. */
.v5-tax-reminder--wpforms .wpforms-container { margin: 0; }
.v5-tax-reminder--wpforms .wpforms-field { padding: 0 0 1rem; }
.v5-tax-reminder--wpforms input[type="email"],
.v5-tax-reminder--wpforms input[type="text"],
.v5-tax-reminder--wpforms input[type="tel"] { width: 100%; max-width: none; }
.v5-tax-reminder--wpforms .wpforms-submit-container { padding-top: .5rem; }
.v5-tax-reminder--wpforms .wpforms-field-content h1,
.v5-tax-reminder--wpforms .wpforms-field-content h2,
.v5-tax-reminder--wpforms .wpforms-field-content h3 { font-size: 1.125rem; margin: 0 0 .5rem; text-align: center; }
.v5-tax-reminder--wpforms .wpforms-submit-container button.wpforms-submit,
.v5-tax-reminder--wpforms button[type="submit"].wpforms-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 3.25rem;
	padding: .85rem 1.75rem;
	border: 2px solid var(--v5-red);
	border-radius: var(--v5-radius-pill);
	background: var(--v5-red);
	color: #fff;
	font-family: var(--v5-font-text);
	font-size: .9375rem;
	font-weight: var(--v5-w-bold);
	letter-spacing: .06em;
	text-transform: uppercase;
	box-shadow: none;
}
.v5-tax-reminder--wpforms .wpforms-submit-container button.wpforms-submit:hover,
.v5-tax-reminder--wpforms .wpforms-submit-container button.wpforms-submit:focus-visible { background: var(--v5-red-600); border-color: var(--v5-red-600); }
.v5-tax-reminder--wpforms .wpforms-submit-container { text-align: center; }
/* WPForms "modern" markup paints the button through its own variables. */
.v5-tax-reminder--wpforms .wpforms-container {
	--wpforms-button-background-color: var(--v5-red);
	--wpforms-button-background-color-alt: var(--v5-red);
	--wpforms-button-border-color: var(--v5-red);
	--wpforms-button-border-radius: 999px;
	--wpforms-button-text-color: #fff;
}
.v5-tax-reminder--wpforms div.wpforms-container-full .wpforms-form button[type="submit"],
.v5-tax-reminder--wpforms div.wpforms-container-full .wpforms-form button[type="submit"]:hover {
	background: var(--v5-red);
	border-color: var(--v5-red);
	border-radius: 999px;
	color: #fff;
}

/* Full switch: the live WCDP payment form in the v5 donation page. */
.v5-pay__shell { display: flex; justify-content: center; }
.v5-pay__card {
	width: 100%;
	max-width: 46rem;
	padding: clamp(1.25rem, 3vw, 2.5rem);
	background: #fff;
	border-radius: 20px;
	box-shadow: 0 18px 50px rgba(20, 20, 40, .10);
}
.v5-pay__card .wc-donation-platform { font-family: var(--v5-font-text); }
.v5-pay__card .wc-donation-platform input[type="text"],
.v5-pay__card .wc-donation-platform input[type="email"],
.v5-pay__card .wc-donation-platform input[type="tel"],
.v5-pay__card .wc-donation-platform input[type="number"],
.v5-pay__card .wc-donation-platform select { width: 100%; max-width: none; }
.v5-pay__card .wcdp-button,
.v5-pay__card button.button.alt,
.v5-pay__card #place_order {
	border-radius: var(--v5-radius-pill);
	font-family: var(--v5-font-text);
	font-weight: var(--v5-w-bold);
	letter-spacing: .04em;
	text-transform: uppercase;
}

/* Köszönőoldal (élő, teljes mód): a rendszeres adomány kezelésének linkje. */
.v5-live-thanks .v5-thanks__manage a { color: var(--v5-red); font-weight: 700; text-decoration: underline; text-underline-offset: .2em; }
.v5-live-thanks .v5-thanks__manage a:hover { color: var(--v5-red-700); }

/* Fizetés rendelésre (/adomany-fizetese/donation-pay/…): a WooCommerce háromoszlopos táblája. A mennyiség
   oszlopa üres helyként megmarad, így a tétel összege a végösszegek alá, a jobb szélre kerül. */
.v5-commerce__wc form#order_review table.shop_table td.product-quantity { display: table-cell; width: 0; padding: 0; }
.v5-commerce__wc form#order_review table.shop_table td.product-subtotal { text-align: right; white-space: nowrap; }

/* ==========================================================================
   Fizetés az adományblokkban (élő, teljes mód) – a WCDP-űrlap a kártya iframe-jében
   (/bankkartyas-adomanyozas/?…&bka_checkout_embed=1, live-inline.js), a demó kinézetével.
   ========================================================================== */
body.v5-live-inline .wcdp-steps-wrapper,
body.v5-live-inline .wcdp-loader,
body.v5-live-inline .wcdp-button.wcdp-left { display: none !important; }
body.v5-live-inline:not(.v5-live-inline--amount) #wcdp-step-1 { display: none !important; }
body.v5-live-inline .wcdp-body { padding: 0; overflow: visible; }
body.v5-live-inline .wc-donation-platform,
body.v5-live-inline .wcdp-form { max-width: none; margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; }
body.v5-live-inline:not(.bka-inline-step-payment) .bka-inline-flow__actions--payment { display: none; }
body.v5-live-inline.bka-inline-step-payment .bka-inline-flow__header { justify-content: flex-start; }
body.v5-live-inline.bka-inline-step-payment .bka-inline-flow__summary { display: none; }

/* Amíg a WCDP az adatok lépést nyitja: töltésjelző. */
body.v5-live-inline:not(.bka-inline-step-details):not(.bka-inline-step-payment):not(.v5-live-inline--amount) .bka-inline-flow__header { visibility: hidden; }
body.v5-live-inline:not(.bka-inline-step-details):not(.bka-inline-step-payment):not(.v5-live-inline--amount) .v5-live-inline__content { position: relative; min-height: 20rem; }
body.v5-live-inline:not(.bka-inline-step-details):not(.bka-inline-step-payment):not(.v5-live-inline--amount) .v5-live-inline__content::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2.25rem;
	height: 2.25rem;
	margin: -1.125rem 0 0 -1.125rem;
	border: 3px solid var(--v5-red-100);
	border-top-color: var(--v5-red);
	border-radius: 50%;
	animation: v5-live-spin .8s linear infinite;
}
@keyframes v5-live-spin { to { transform: rotate(360deg); } }

/* A WCDP gombjai v5-gombként (a fizetés gombja a saját feliratát tartja). */
body.v5-live-inline .button-row { display: block; margin: .75rem 0 0; }
body.v5-live-inline :is(.v5-live-inline__next, #place_order) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 3.5rem;
	margin: 0;
	padding: .75rem 1.5rem;
	border: 0;
	border-radius: var(--v5-radius-pill);
	background: var(--v5-red);
	color: #fff;
	font-family: var(--v5-font-ui, inherit);
	font-size: .9375rem;
	font-weight: var(--v5-w-bold, 700);
	letter-spacing: .06em;
	line-height: 1.2;
	text-transform: uppercase;
	box-shadow: var(--v5-shadow-button);
	cursor: pointer;
	float: none;
}
body.v5-live-inline :is(.v5-live-inline__next, #place_order):hover { background: var(--v5-red-600); }
body.v5-live-inline .v5-commerce__wc #payment { margin: 0; }
body.v5-live-inline .v5-commerce__wc #payment .place-order { margin: .75rem 0 0; padding: 0; }

/* ==========================================================================
   A demó fizetési designja (2026-11-14, inc/v5/live-checkout.php): adatok a demó mezőivel és sorrendjével,
   fizetésnél „Hitelkártya / Bankkártya” a demó ikonjával és a Stripe kártyamező a demó paneljében.
   ========================================================================== */
/* Ország: a demón selectWoo-doboz (3.25rem, szürke háromszög) – itt a böngésző listája ugyanazzal a kinézettel. */
body.v5-live-inline .v5-commerce__wc select {
	-webkit-appearance: none;
	appearance: none;
	min-height: 3.25rem;
	padding: .65rem 2.75rem .65rem 1rem;
	border: 1.5px solid var(--v5-line-strong);
	border-radius: var(--v5-radius-sm);
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath d='M0 0h8L4 5z' fill='%23888888'/%3E%3C/svg%3E") no-repeat right 1.1rem center / 8px 5px;
	color: var(--v5-ink);
	font-size: 1rem;
	cursor: pointer;
}
body.v5-live-inline .v5-commerce__wc select::-ms-expand { display: none; }

/* Fizetés: a fizetési mód sora (a rádiógomb rejtve, mint a demón); a Thank You Page bővítmény csak adminnak
   látható „SandBox” módja nem jelenik meg a kártyában. */
body.v5-live-inline .v5-commerce__wc #payment .payment_method_wctr-sandboxpayment { display: none !important; }
body.v5-live-inline .v5-commerce__wc #payment .wc_payment_method > label {
	display: flex;
	align-items: center;
	gap: .6rem;
	margin: 0 0 .75rem;
	color: var(--v5-ink);
	font-size: .9375rem;
	font-weight: var(--v5-w-bold);
	cursor: default;
}
body.v5-live-inline .v5-commerce__wc #payment .wc_payment_method > label img { display: none; }
body.v5-live-inline .v5-commerce__wc #payment .payment_box { margin: 0; padding: 0; background: transparent; }
body.v5-live-inline .v5-commerce__wc #payment .payment_box::before { display: none; }
body.v5-live-inline .v5-commerce__wc #payment .payment_box > p { margin: 0 0 .75rem; color: var(--v5-muted); font-size: .8125rem; line-height: 1.5; }
body.v5-live-inline .v5-commerce__wc #payment fieldset { min-inline-size: 0; margin: 0; padding: 0; border: 0; }
/* A Stripe kártyamező (Kártyaszám · Lejárat · CVC) a demó szürke paneljében. */
body.v5-live-inline .v5-commerce__wc #payment #wc-stripe-upe-form {
	padding: 1rem;
	border-radius: var(--v5-radius-sm);
	background: var(--v5-mist);
}
body.v5-live-inline .v5-commerce__wc #payment .wc-stripe-upe-element { min-height: 9.5rem; }
body.v5-live-inline .v5-commerce__wc #payment #wc-stripe-upe-errors:not(:empty) { margin-top: .75rem; }
body.v5-live-inline .v5-commerce__wc #payment #wc-stripe-upe-errors .woocommerce-error { margin: 0; }
/* Csak bejelentkezett adományozónak (a Stripe saját lehetőségei): mentett kártya, kártya mentése. */
body.v5-live-inline .v5-commerce__wc #payment ul.woocommerce-SavedPaymentMethods { margin: 0 0 .75rem; padding: 0; list-style: none; font-size: .875rem; }
body.v5-live-inline .v5-commerce__wc #payment ul.woocommerce-SavedPaymentMethods li { margin: 0 0 .4rem; }
body.v5-live-inline .v5-commerce__wc #payment .woocommerce-SavedPaymentMethods-saveNew {
	display: flex;
	align-items: flex-start;
	gap: .55rem;
	margin: .75rem 0 0;
	color: var(--v5-ink-soft);
	font-size: .8125rem;
	line-height: 1.45;
}
body.v5-live-inline .v5-commerce__wc #payment .woocommerce-SavedPaymentMethods-saveNew input {
	flex: 0 0 auto;
	width: 1.05rem !important;
	min-height: 0;
	height: 1.05rem;
	margin: .1rem 0 0;
	padding: 0;
	accent-color: var(--v5-red);
}
body.v5-live-inline .v5-commerce__wc #payment .woocommerce-SavedPaymentMethods-saveNew label { display: inline; margin: 0; font-size: .8125rem; font-weight: var(--v5-w-text); }

/* A kártyás fizetés párbeszédablakban (2026 adventi adományozás, ajándékkártya): a bezáró gomb az ablak fejlécében
   van, a lépésfejléc jobb oldalán nem kell neki hely. */
body.v5-live-inline--dialog .bka-inline-flow__header { margin-right: 0; }

/* The CiviCRM forms rebuilt on bka.hu (inc/v5/civicrm.php, 5.7.0): the look of the former Reflexive iframes –
   a 12px rounded box clipping a 2px red frame, Helvetica, 36px fields, CiviCRM's buttons. */
.v5-cf { width: 100%; max-width: 530px; overflow: hidden; border-radius: 12px; background: #fff; color: #000; text-align: left; }
.v5-cf--contact { background: #f7f9f9; }
.v5-cf__inner { min-height: 457px; padding: 24px 16px 40px; border: 2px solid #f00; font-family: Helvetica, Arial, Lucida, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.4; }
.v5-cf p, .v5-cf label, .v5-cf b { text-wrap: wrap; } /* CiviCRM did not balance lines (the theme sets text-wrap: pretty on p) */
.v5-cf p { font-weight: 400; }
.v5-cf--contact .v5-cf__inner { min-height: 761px; }
.v5-cf__form { margin: 0; }
.v5-cf__section { padding: 3px 0 5px; }
.v5-cf__label { display: block; margin: 0 0 8px; color: #000; font-size: 14px; font-weight: 400; line-height: 19.6px; }
.v5-cf--contact .v5-cf__label { color: #666; font-weight: 700; }
.v5-cf__marker { color: #8a1f11; font-size: 15.4px; font-weight: 300; }
.v5-cf input[type="text"],
.v5-cf input[type="email"],
.v5-cf input[type="tel"] { display: block; width: 100%; height: 36px; margin: 0; padding: 5px; border: 1px solid #999; border-radius: 3px; background: #fff; color: #000; font: 20px/1.2 Helvetica, Arial, Lucida, sans-serif; box-shadow: none; }
.v5-cf textarea { display: block; width: 100%; height: 114px; margin: 0; padding: 10px; border: 1px solid #999; border-radius: 0; background: #fff; color: #000; font: 15px/1.4 Helvetica, Arial, Lucida, sans-serif; resize: vertical; }
.v5-cf .v5-cf__invalid { border-color: #8a1f11; }
.v5-cf__error { display: block; margin-top: 4px; color: #8a1f11; font-size: 14px; }
.v5-cf__section--check { display: flex; align-items: flex-start; gap: 8px; padding: 12px 0 8px; }
.v5-cf__section--check input { flex: 0 0 auto; width: 20px; height: 20px; margin: 0; }
.v5-cf__section--check label { color: #000; font-size: 15px; line-height: 21.6px; hyphens: auto; }
.v5-cf__consent { margin: 7px 0 20px; color: #000; hyphens: auto; }
.v5-cf__consent--newsletter { font-size: 22.4px; line-height: 29.12px; }
.v5-cf__consent--contact { margin-top: 18px; font-size: 15px; line-height: 29.12px; }
.v5-cf__consent a { color: #e41b48; font-weight: 700; text-decoration: none; }
.v5-cf__consent a:hover { text-decoration: underline; }
.v5-cf__status { margin: 0 0 14px; padding: 8px 10px; border: 1px solid #8a1f11; background: #fbe3e4; color: #8a1f11; font-size: 15px; }
.v5-cf__buttons { padding-left: 2px; }
.v5-cf__button { height: 32px; margin: 0; padding: 0 22px; border: 0; border-radius: 3px; background: #aaa; color: #fff; font: 15px/32px Helvetica, Arial, Lucida, sans-serif; text-shadow: 0 1px 0 #000; cursor: pointer; }
.v5-cf__button:hover { background: #999; }
.v5-cf__button:disabled { opacity: .6; cursor: wait; }
.v5-cf--contact .v5-cf__button { border: 1px solid #ccc; border-radius: 2px; background: #fff; color: #333; font-size: 14px; line-height: 30px; text-shadow: none; }
.v5-cf--contact .v5-cf__button:hover { background: #f2f2f2; }
.v5-cf__trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.v5-cf__done { padding: 8px 0; }
.v5-cf__done:focus { outline: none; }
.v5-cf__thanks { margin: 0; color: #000; font-size: 22.4px; font-weight: 700; line-height: 29.12px; }