/* .payment_method_tikkie {
	display:none!important;
} */

.tikkie_bank_woocommerce.woocommerce-invalid select,
.tikkie_bank_woocommerce.woocommerce-invalid .select2-container .select2-dropdown,
.tikkie_bank_woocommerce.woocommerce-invalid .select2-container .select2-selection {
    border-color: var(--wc-red);
}

.tikkie_bank_select {
	padding: 15px !important;
}

.tikkieBtn{
	width:100%;
	display:none;
	text-align:center;
	margin-top:1em;
	line-height:52px;
/*	padding:0 32px;*/
	border-radius:5px;
	font-size:16px;
	background-color:#414282;
	color:#000;
	cursor:pointer;
	transition:all 0.3s;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;clear:both
}

.tikkieBtn:hover{
	background-color:#414282
}

.tikkieBtn.disabled{
	background-color:#414282;
	cursor:initial
}

.tikkieBtn.disabled .normal{
	display:none
}

.tikkieBtn.disabled .anim{
	display:inline-block
}

.tikkieBtn .normal img{
	display:inline-block;
	vertical-align:middle;
	margin-left:5px;
	width:64px;
	height:32px
}

.tikkieBtn .normal .normalLabel{
	color: #FFFFFF;
  	font-weight: 900;
	font-family: system-ui;
	display:inline-block
}

.tikkieBtn .anim{
	display:none;
	vertical-align:text-top
}

.tikkieBtn .anim .dot-1,.tikkieBtn .anim .dot-2{
	animation:650ms linear infinite alternate;
	border-radius:16px;
	height:16px;
	position:absolute;
	width:16px
}

.tikkieBtn .anim .dot-1{
	animation-name:move-1;
	background-color:#fff
}

.tikkieBtn .anim .dot-2{
	animation-name:move-2;
	background-color:rgba(255,255,255,0.5)
}

@keyframes move-1{
	0%{transform:translateX(-16px)}
	100%{transform:translateX(16px)}
}

@keyframes move-2{
	0%{transform:translateX(16px)}
	100%{transform:translateX(-16px)}
}

.single-product .tikkieBtn{
	display:inline-block;
	min-width:288px
}

.woocommerce-cart .tikkieBtn{
	display:block
}

.termsofservice{
	margin-top:1em
}

.tikkieLoadingScreen{
	background-color:rgba(86,81,157,0.8);
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:9999999999;
	display:none;
	text-align:center
}

.tikkieLoadingScreen .tikkieRipple{
	display:inline-block;
	position:relative;
	width:64px;
	height:64px;
	animation-delay:-0.5s;
	top:calc(50% - 32px)
}

.tikkieLoadingScreen .tikkieRipple div{
	position:absolute;
	border:4px solid #fff;
	opacity:1;
	border-radius:50%;
	animation:lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite
}

.tikkieLoadingScreen .tikkieRipple div:nth-child(2){
	animation-delay:-0.5s
}

@keyframes lds-ripple{
	0%{top:28px;left:28px;width:0;height:0;opacity:1}
	100%{top:-1px;left:-1px;width:58px;height:58px;opacity:0}
}

.tkfc_error{
	margin-top:20px;
	font-style:italic
}

.tikkieRegister{
	margin-top:50px
}

li.woocommerce-notice.woocommerce-notice--info.woocommerce-info {
	display:none!important;
}
/*# sourceMappingURL=tikkie.css.map */


/* ── Block Checkout: Tikkie button (applies to both modes) ────────────────────
   The core .tikkieBtn rules above handle colours, animation, etc.
   These overrides correct the sizing so the block-checkout button
   looks identical to the native "Place order" button it replaces.
   Classic checkout is completely unaffected.
   ─────────────────────────────────────────────────────────────────────────── */

/* ── MODE B — "replace": wrapper injected before the native Place Order btn ── */
#tikkie-injected-place-order {
    width: 100%;
    margin-top: 0;
}

/*
 * Reset the classic-checkout sizing (line-height:52px, margin-top:1em)
 * and instead match the WooCommerce block button sizing exactly.
 *
 * The block "Place order" button uses:
 *   display: flex; align-items: center; justify-content: center;
 *   min-height: 3em  (≈ 48 px at 16 px base)
 *   padding: 0.8em 1.5em
 *   font-size: 1em
 *   font-weight: 600
 *   border-radius: var(--wc-blocks-components-button-border-radius, 0.25em)
 *   width: 100%
 *
 * We mirror those values here so the button slot is the same height
 * regardless of how much text (label + iDeal logo) is inside.
 */
#tikkie-injected-place-order .tikkieBtn {
    /* Layout — match block button */
    display:         flex;
    align-items:     center;
    justify-content: center;
    width:           100%;
    min-height:      3em;                /* same as WC block button */
    padding:         0.8em 1.5em;        /* same as WC block button */
    box-sizing:      border-box;

    /* Reset classic-checkout line-height trick */
    line-height:     normal;
    margin-top:      0;

    /* Match block button border-radius (uses WC CSS variable if theme sets it) */
    border-radius: var(--wc-blocks-components-button-border-radius, 0.25em);

    /* Typography — match block button */
    font-size:   1em;
    font-weight: 600;
}

/* Keep the label + logo centred and inline regardless of text length */
#tikkie-injected-place-order .tikkieBtn .normal {
    display:     flex;
    align-items: center;
    gap:         0.4em;         /* space between "PAY WITH" and the logo */
    flex-wrap:   nowrap;
}

#tikkie-injected-place-order .tikkieBtn .normal .normalLabel {
    display:     inline;
    line-height: normal;
    font-size:   17px;
    font-weight: 800;           /* match block button weight */
    font-family: inherit;       /* use theme font, not system-ui */
    white-space: nowrap;
}

/* Logo: scale it in proportion to the button height, not a fixed 64×32 px */
#tikkie-injected-place-order .tikkieBtn .normal img {
    display:        inline-block;
    vertical-align: middle;
    height:         1.5em;      /* scales with font-size / button height */
    width:          auto;       /* preserve aspect ratio */
    margin-left:    0;          /* gap is handled by flex gap above */
}

/* ── MODE A — "inline": wrapper inside the payment method content area ──────── */
.tikkie-block-inline-wrapper {
    margin-top: 1em;
    width: 100%;
}

.tikkie-block-inline-wrapper .tikkieBtn {
    display:         flex;
    align-items:     center;
    justify-content: center;
    width:           100%;
    min-height:      3em;
    padding:         0.8em 1.5em;
    box-sizing:      border-box;
    line-height:     normal;
    margin-top:      0;
    border-radius:   var(--wc-blocks-components-button-border-radius, 0.25em);
    font-size:       1em;
    font-weight:     600;
}

.tikkie-block-inline-wrapper .tikkieBtn .normal {
    display:     flex;
    align-items: center;
    gap:         0.4em;
    flex-wrap:   nowrap;
}

.tikkie-block-inline-wrapper .tikkieBtn .normal .normalLabel {
    display:     inline;
    line-height: normal;
    font-size:   1em;
    font-weight: 600;
    font-family: inherit;
    white-space: nowrap;
}

.tikkie-block-inline-wrapper .tikkieBtn .normal img {
    display:        inline-block;
    vertical-align: middle;
    height:         1.5em;
    width:          auto;
    margin-left:    0;
}