/* ==========================================================================
   Find Your Flow – My Account styles
   Loaded only on WooCommerce account pages (see findyourflow-addons.php).
   ========================================================================== */

/* Add payment method (CorvusPay) – keep logos small, brand colours.
   CorvusPay's own corvuspay.css is not loaded on this endpoint, so its
   SVG logos otherwise stretch to the full column width. */
body.woocommerce-account #add_payment_method #payment {
	background: #FFFFFF;
	border: 1px solid #EADCE3;
	border-radius: 14px;
}

body.woocommerce-account #add_payment_method #payment ul.payment_methods {
	padding: 18px 20px;
	border-bottom: 1px solid #EADCE3;
}

body.woocommerce-account #add_payment_method #payment ul.payment_methods li label {
	color: #442E44;
	font-weight: 500;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

body.woocommerce-account #add_payment_method #payment ul.payment_methods li label img {
	height: 26px !important;
	width: auto !important;
	max-width: 140px !important;
	margin: 0 !important;
	vertical-align: middle;
}

body.woocommerce-account #add_payment_method #payment ul.payment_methods li input[type="radio"] {
	accent-color: #7D5168;
}

body.woocommerce-account #add_payment_method #payment div.payment_box {
	background: #F6EEF3;
	color: #6B5566;
	border-radius: 10px;
	padding: 14px 16px;
	margin-top: 14px;
	font-size: 13px;
}

body.woocommerce-account #add_payment_method #payment div.payment_box::before {
	border-bottom-color: #F6EEF3;
}

body.woocommerce-account #add_payment_method #payment div.payment_box p {
	margin: 0;
}

body.woocommerce-account #add_payment_method #payment div.payment_box img {
	display: inline-block !important;
	height: 26px !important;
	width: auto !important;
	max-width: 56px !important;
	margin: 10px 6px 0 0 !important;
	vertical-align: middle;
	background: #FFFFFF;
	border: 1px solid #EADCE3;
	border-radius: 6px;
	padding: 3px 5px;
	box-sizing: content-box;
}

body.woocommerce-account #add_payment_method #payment .form-row {
	padding: 18px 20px;
	margin: 0;
}

body.woocommerce-account #add_payment_method #payment #place_order {
	border-radius: 10px !important;
	padding: 12px 22px !important;
}

/* --------------------------------------------------------------------------
   Login / register (CWS Suite "Moj Profil" widget, .auth-root)
   Hello Elementor's reset.css styles every [type=button] with a #c36 border,
   1rem font-size and .5rem 1rem padding. That selector has the same weight
   as the widget's .auth-tab / .auth-link / .acc-pw-tog rules and loads later,
   so it wins – undo it here with a heavier selector.
   -------------------------------------------------------------------------- */

/* Tabs (Prijava / Stvori račun) */
.auth-root button.auth-tab {
	border: 0 !important;
	font-size: 13px;
	padding: 8px 12px;
	border-radius: 7px;
	white-space: normal;
}

.auth-root button.auth-tab:not(.is-active):hover,
.auth-root button.auth-tab:not(.is-active):focus {
	background: transparent;
	color: var(--acc-text);
}

.auth-root button.auth-tab.is-active,
.auth-root button.auth-tab.is-active:hover,
.auth-root button.auth-tab.is-active:focus {
	background: var(--acc-surface);
	color: var(--acc-text);
}

/* Text links rendered as buttons ("Zaboravili ste lozinku?", "Prijava", "Natrag na prijavu") */
.auth-root button.auth-link,
.auth-root button.auth-link:hover,
.auth-root button.auth-link:focus {
	border: 0 !important;
	border-radius: 0;
	padding: 0 !important;
	background: transparent !important;
	color: var(--acc-accent);
	font-size: 12.5px;
	font-weight: 500;
	line-height: 1.4;
	white-space: normal;
}

.auth-root button.auth-link:hover {
	text-decoration: underline;
}

/* Show / hide password toggle */
.auth-root button.acc-pw-tog,
.auth-root button.acc-pw-tog:hover,
.auth-root button.acc-pw-tog:focus {
	border: 0 !important;
	padding: 0 !important;
	width: 30px;
	height: 30px;
	background: transparent !important;
	color: var(--acc-text-3) !important;
}

.auth-root button.acc-pw-tog:hover {
	color: var(--acc-accent) !important;
}

.auth-root button.acc-pw-tog svg {
	width: 18px;
	height: 18px;
}

/* "Stvorite ga" ghost button */
.auth-root button.acc-btn-ghost {
	border: 1px solid var(--acc-border) !important;
	border-radius: 8px;
	padding: 6px 12px;
	font-size: 12.5px;
}

/* Submit button arrow */
.auth-root .auth-submit .acc-btn-i svg {
	width: 16px;
	height: 16px;
}