/* BÁV GOLD embed styles — linked from EmbedMaster; mirrors Features/gold-rate.less embed block */
.gold-rate-embed-body {
	margin: 0;
	background: transparent;
	font-family: Inter, -apple-system, BlinkMacSystemFont, sans-serif;
	color: #1A1A1A;
}

.gold-rate-embed {
	--bav-green: #016450;
	--bav-green-hover: #00785D;
	--bav-gold: #D4AF37;
	--bav-gold-deep: #B8902A;
	--bav-gold-light: #E9CE86;
	--bav-ink: #1A1A1A;
	--bav-line: #E6E8E6;
	--bav-bg-2: #F2F4F3;
	--bav-white: #FFFFFF;
	--bav-text-secondary: #46463F;
	--bav-meta: rgba(26, 26, 26, .5);
	--bav-alert-red: #C0392B;
	--bav-radius-base: 8px;
	--bav-radius-card: 14px;
	--bav-shadow-card: 0 22px 44px -18px rgba(0, 0, 0, .28);
	--bav-focus-glow: 0 0 0 3px rgba(1, 100, 80, .12);
	--bav-transition: .18s ease;
	--bav-font-title: "Playfair Display", Georgia, serif;
	--bav-font-body: Inter, -apple-system, BlinkMacSystemFont, sans-serif;
}

.gold-rate-embed .gold-content {
	margin: 0;
	padding: 16px;
}

.gold-rate-embed .gold-rate-embed-panel,
.gold-rate-embed .gold-table {
	margin-bottom: 0;
	padding: clamp(20px, 2.4vw, 30px);
	background: var(--bav-white);
	border: 1px solid var(--bav-line);
	border-radius: 18px;
	box-shadow: 0 22px 48px -40px rgba(20, 30, 20, .55);
}

.gold-rate-embed .gold-diagram {
	margin-top: 0;
	padding: 24px;
}

.gold-rate-embed .gold-rate-embed-kicker {
	display: block;
	margin: 0 0 8px;
	font: 700 11.5px/1 var(--bav-font-body);
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--bav-gold-deep);
}

.gold-rate-embed .gold-rate-embed-title,
.gold-rate-embed .gold-diagram h2.gold-rate-embed-title {
	margin: 0 0 26px;
	max-width: 36em;
	color: var(--bav-green) !important;
	font-family: var(--bav-font-title) !important;
	font-size: clamp(24px, 2.8vw, 34px) !important;
	font-weight: 700 !important;
	font-style: normal;
	line-height: 1.18 !important;
	letter-spacing: -0.01em;
	text-align: left;
	text-transform: lowercase !important;
	text-wrap: pretty;
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.gold-rate-embed .gold-rate-embed-title::first-letter {
	text-transform: uppercase !important;
}

.gold-rate-embed .gold-rate-embed-input {
	width: 100%;
	max-width: none;
	min-width: 0;
	font: 600 15px/1.2 var(--bav-font-body);
	color: var(--bav-ink);
	background: var(--bav-white);
	border: 1px solid #E1E4E1;
	border-radius: 11px;
	padding: 12px 15px;
	transition: border-color var(--bav-transition), box-shadow var(--bav-transition);
}

.gold-rate-embed .gold-rate-embed-diagram-inner {
	padding: 8px 4px 16px;
}

.gold-rate-embed .gold-rate-embed-input:focus {
	border-color: var(--bav-green);
	box-shadow: var(--bav-focus-glow);
	outline: none;
}

.gold-rate-embed .gold-rate-embed-filter {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px 24px;
	margin-bottom: 20px;
}

.gold-rate-embed .gold-rate-embed-filter__date {
	flex: 0 0 auto;
	width: auto;
	max-width: none;
}

.gold-rate-embed .gold-rate-embed-filter__date .gold-rate-embed-input {
	width: auto;
	min-width: 10.5rem;
	max-width: 11.5rem;
}

.gold-rate-embed .gold-rate-embed-filters {
	display: grid;
	grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr);
	gap: 18px;
	margin: 0 0 26px;
	align-items: end;
}

.gold-rate-embed .gold-rate-embed-field {
	min-width: 0;
}

.gold-rate-embed .gold-rate-embed-field--date .gold-rate-embed-input {
	width: 100%;
	max-width: 100%;
}

.gold-rate-embed .gold-rate-embed-disclaimer {
	display: block;
	margin-top: 16px;
	font: 500 13.5px/1.4 var(--bav-font-body);
	color: rgba(26, 26, 26, .52);
}

.gold-rate-embed .gold-rate-embed-chart {
	margin-top: 0;
	padding: clamp(16px, 2vw, 24px);
	background: var(--bav-bg-2);
	border: 1px solid var(--bav-line);
	border-radius: 18px;
	display: flex;
	flex-direction: column;
	min-height: 400px;
}

.gold-rate-embed .gold-rate-embed-chart__canvas-wrap {
	position: relative;
	flex: 1 1 auto;
	min-height: 280px;
	height: 320px;
	background: #fff;
	border: 1px solid #EAEDEA;
	border-radius: 14px;
	padding: 12px 12px 8px;
}

.gold-rate-embed .gold-rate-embed-chart__meta {
	margin-bottom: 8px;
}

.gold-rate-embed .gold-rate-embed-chart__legend {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
	margin-bottom: 8px;
}

.gold-rate-embed .gold-rate-embed-chart__legend-item {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	font: 700 13px/1 var(--bav-font-body);
	color: rgba(26, 26, 26, .62);
}

.gold-rate-embed .gold-rate-embed-chart__legend-item i {
	display: block;
	width: 22px;
	height: 3px;
	border-radius: 2px;
	background: var(--bav-green);
}

.gold-rate-embed .gold-rate-embed-chart__legend-item--sell i {
	background: var(--bav-gold);
}

.gold-rate-embed .gold-rate-embed-chart__title {
	margin: 0 0 14px;
	font: 700 15px/1.35 var(--bav-font-body);
	color: var(--bav-ink);
	overflow-wrap: normal;
	word-break: normal;
}

/* Beat portal.css pink cards — match bav-gold.eclick.app/#/arfolyam */
.gold-rate-container.gold-rate-embed .gold-table .table-item,
.gold-rate-embed .gold-rate-carousel .table-item,
.gold-rate-embed .gold-content .table-item,
.gold-rate-embed .gold-rate-embed-card {
	position: relative;
	overflow: hidden;
	margin-bottom: 0;
	background: var(--bav-white);
	border: 1px solid #EAEDEA;
	border-radius: 16px;
	display: flex;
	flex-direction: column;
	transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.gold-rate-container.gold-rate-embed .gold-table .table-item:hover,
.gold-rate-embed .gold-rate-carousel .table-item:hover,
.gold-rate-embed .gold-content .table-item:hover,
.gold-rate-embed .gold-rate-embed-card:hover {
	border-color: var(--bav-gold);
	transform: translateY(-3px);
	box-shadow: 0 18px 34px -26px rgba(1, 100, 80, .45);
}

.gold-rate-container.gold-rate-embed .gold-table .table-item .top-part,
.gold-rate-embed .table-item .top-part,
.gold-rate-embed .gold-rate-embed-card__head {
	display: flex !important;
	flex-direction: column;
	align-items: flex-start !important;
	justify-content: flex-start !important;
	gap: 5px;
	padding: 18px 20px 16px !important;
	height: auto !important;
	min-height: 0;
	text-align: left !important;
	color: #fff !important;
	background: var(--bav-green) !important;
	background-color: var(--bav-green) !important;
	border-bottom: 0;
	border-radius: 0;
}

.gold-rate-container.gold-rate-embed .gold-table .table-item .top-part .normal-medium-sans,
.gold-rate-embed .table-item .top-part .normal-medium-sans,
.gold-rate-embed .gold-rate-embed-card__title {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left !important;
	font: 700 16px/1.25 var(--bav-font-body) !important;
	letter-spacing: .01em;
	color: #fff !important;
}

.gold-rate-container.gold-rate-embed .gold-table .table-item .top-part .small-serif,
.gold-rate-embed .table-item .top-part .small-serif,
.gold-rate-embed .gold-rate-embed-card__desc {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left !important;
	font: 600 14px/1.35 var(--bav-font-body) !important;
	color: var(--bav-gold-light) !important;
}

.gold-rate-container.gold-rate-embed .gold-table .table-item .bottom-part,
.gold-rate-embed .table-item .bottom-part,
.gold-rate-embed .gold-rate-embed-card__body {
	display: flex !important;
	flex-direction: column;
	gap: 0;
	padding: 0 !important;
	background: var(--bav-white) !important;
	background-color: var(--bav-white) !important;
	border-radius: 0;
}

.gold-rate-container.gold-rate-embed .gold-table .table-item .bottom-part .price,
.gold-rate-embed .table-item .bottom-part .price,
.gold-rate-embed .gold-rate-embed-card__price {
	display: flex;
	flex: none;
	width: 100%;
	align-items: center;
	gap: 12px;
	justify-content: flex-start;
	padding: 16px 20px;
	border-bottom: 1px solid var(--bav-bg-2);
}

.gold-rate-container.gold-rate-embed .gold-table .table-item .bottom-part .price:last-child,
.gold-rate-embed .table-item .bottom-part .price:last-child,
.gold-rate-embed .gold-rate-embed-card__price:last-child {
	border-bottom: 0;
}

.gold-rate-container.gold-rate-embed .gold-table .table-item .bottom-part .text,
.gold-rate-embed .table-item .bottom-part .text,
.gold-rate-embed .gold-rate-embed-card__price-text {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.gold-rate-container.gold-rate-embed .gold-table .table-item .bottom-part .small-sans,
.gold-rate-embed .table-item .bottom-part .small-sans,
.gold-rate-embed .gold-rate-embed-card__label {
	font: 700 11.5px/1.2 var(--bav-font-body) !important;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: rgba(26, 26, 26, .48) !important;
}

.gold-rate-container.gold-rate-embed .gold-table .table-item .bottom-part .normal-serif,
.gold-rate-embed .table-item .bottom-part .normal-serif,
.gold-rate-embed .gold-rate-embed-card__value {
	font: 800 18px/1.2 var(--bav-font-body) !important;
	font-variant-numeric: tabular-nums;
	color: var(--bav-ink) !important;
}

.gold-rate-container.gold-rate-embed .gold-table .table-item .bottom-part .price:last-child .normal-serif,
.gold-rate-embed .table-item .bottom-part .price:last-child .normal-serif,
.gold-rate-embed .gold-rate-embed-card__value--sell {
	color: var(--bav-green) !important;
}

/* Prototype always shows up-arrows beside buy/sell */
.gold-rate-container.gold-rate-embed .gold-table .table-item .arrow-icon-up,
.gold-rate-container.gold-rate-embed .gold-table .table-item .arrow-icon-down,
.gold-rate-container.gold-rate-embed .gold-table .table-item .no-change-icon,
.gold-rate-embed .table-item .arrow-icon-up,
.gold-rate-embed .table-item .arrow-icon-down,
.gold-rate-embed .table-item .no-change-icon,
.gold-rate-embed .gold-rate-embed-trend {
	flex: 0 0 26px !important;
	display: inline-block !important;
	box-sizing: border-box;
	width: 26px !important;
	height: 26px !important;
	min-width: 26px !important;
	min-height: 26px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	background-color: rgba(1, 100, 80, .08) !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23016450' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V5'/%3E%3Cpath d='m5 12 7-7 7 7'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 14px 14px !important;
}

.gold-rate-container.gold-rate-embed .gold-table .table-item .price:last-child .arrow-icon-up,
.gold-rate-embed .table-item .price:last-child .arrow-icon-up,
.gold-rate-embed .gold-rate-embed-trend--sell.arrow-icon-up,
.gold-rate-embed .gold-rate-embed-card__price--sell .arrow-icon-up {
	background-color: rgba(212, 175, 55, .14) !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B8902A' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V5'/%3E%3Cpath d='m5 12 7-7 7 7'/%3E%3C/svg%3E") !important;
}

.gold-rate-container.gold-rate-embed .gold-table .table-item .arrow-icon-down,
.gold-rate-embed .table-item .arrow-icon-down,
.gold-rate-embed .gold-rate-embed-trend--down {
	background-color: rgba(192, 57, 43, .12) !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C0392B' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14'/%3E%3Cpath d='m19 12-7 7-7-7'/%3E%3C/svg%3E") !important;
}

.gold-rate-container.gold-rate-embed .gold-table .table-item .no-change-icon,
.gold-rate-embed .table-item .no-change-icon,
.gold-rate-embed .gold-rate-embed-trend--flat {
	background-color: rgba(184, 144, 42, .16) !important;
	background-image: linear-gradient(currentColor, currentColor) !important;
	background-size: 10px 2px !important;
	color: var(--bav-gold-deep);
}

.gold-rate-embed .gold-rate-embed-card__price--buy .gold-rate-embed-trend--flat,
.gold-rate-embed .gold-rate-embed-trend--buy.gold-rate-embed-trend--flat {
	background-color: rgba(1, 100, 80, .08) !important;
	color: var(--bav-green);
}

.gold-rate-embed .gold-rate-embed-card__sheen {
	display: none;
}

.gold-rate-embed .gold-rate-embed-nav {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-left: auto;
}

.gold-rate-embed .gold-rate-embed-nav__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	margin: 0;
	padding: 0;
	border: 1px solid #E1E4E1;
	border-radius: 50%;
	background: var(--bav-white);
	color: var(--bav-green);
	outline: 0;
	cursor: pointer;
	transition: background var(--bav-transition), border-color var(--bav-transition), color var(--bav-transition), opacity var(--bav-transition);
}

.gold-rate-embed .gold-rate-embed-nav__btn:hover:not(:disabled):not(.is-disabled) {
	border-color: var(--bav-gold);
	color: var(--bav-gold-deep);
}

.gold-rate-embed .gold-rate-embed-nav__btn--next {
	background: var(--bav-green);
	border-color: var(--bav-green);
	color: #fff;
}

.gold-rate-embed .gold-rate-embed-nav__btn--next:hover:not(:disabled):not(.is-disabled) {
	background: var(--bav-green-hover);
	border-color: var(--bav-green-hover);
	color: #fff;
}

.gold-rate-embed .gold-rate-embed-nav__btn:disabled,
.gold-rate-embed .gold-rate-embed-nav__btn.is-disabled {
	opacity: .38;
	cursor: default;
}

.gold-rate-embed .gold-rate-embed-nav__btn .carousel-control-prev-icon,
.gold-rate-embed .gold-rate-embed-nav__btn .carousel-control-next-icon {
	display: block;
	width: 18px;
	height: 18px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 18px 18px;
}

.gold-rate-embed .gold-rate-embed-nav__btn .carousel-control-prev-icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23016450' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E");
}

.gold-rate-embed .gold-rate-embed-nav__btn--next .carousel-control-next-icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");
}

.gold-rate-embed .gold-rate-embed-rail {
	display: flex;
	gap: 20px;
	overflow-x: auto;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	padding: 2px 2px 14px;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.gold-rate-embed .gold-rate-embed-rail::-webkit-scrollbar {
	display: none;
	height: 0;
}

.gold-rate-embed .gold-rate-embed-rail .table-item,
.gold-rate-embed .gold-rate-embed-rail .gold-rate-embed-card {
	flex: 0 0 309px;
	scroll-snap-align: start;
	width: 309px;
	max-width: 309px;
}

.gold-rate-embed .gold-rate-embed-bar {
	position: relative;
	height: 8px;
	margin-top: 2px;
	background: var(--bav-bg-2);
	border-radius: 5px;
	cursor: pointer;
	overflow: hidden;
	touch-action: none;
}

.gold-rate-embed .gold-rate-embed-bar[hidden] {
	display: none !important;
}

.gold-rate-embed .gold-rate-embed-thumb {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	min-width: 48px;
	border-radius: 5px;
	background: #C79A2E;
	box-shadow: 0 0 8px rgba(245, 216, 126, .5);
	transition: left .1s linear;
	overflow: hidden;
}

.gold-rate-embed .gold-rate-embed-thumb::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(100deg, rgba(255, 247, 224, 0) 32%, rgba(255, 250, 235, .38) 50%, rgba(255, 247, 224, 0) 68%);
	background-size: 250% 100%;
	background-repeat: no-repeat;
	animation: gold-rate-embed-rail-sheen 2.4s ease-in-out infinite;
}

@keyframes gold-rate-embed-rail-sheen {
	0% { background-position: -140% 0; }
	100% { background-position: 240% 0; }
}

@media only screen and (max-width: 900px) {
	.gold-rate-embed .gold-rate-embed-filters {
		grid-template-columns: 1fr;
	}
}

@media only screen and (max-width: 768px) {
	.gold-rate-embed .gold-rate-embed-rail .table-item,
	.gold-rate-embed .gold-rate-embed-rail .gold-rate-embed-card {
		flex-basis: 85%;
		width: 85%;
		max-width: 309px;
	}

	.gold-rate-embed .gold-rate-embed-nav {
		display: none !important;
	}
}

@media only screen and (max-width: 601px) {
	.gold-rate-embed .gold-rate-embed-panel,
	.gold-rate-embed .gold-table,
	.gold-rate-embed .gold-diagram {
		padding: 16px;
	}

	.gold-rate-embed .gold-rate-embed-chart {
		min-height: 340px;
		padding: 14px 12px 12px;
	}

	.gold-rate-embed .gold-rate-embed-chart__canvas-wrap {
		min-height: 240px;
		height: 260px;
	}
}