/*
Theme Name: Razzi Child
Theme URI: https://demo4.drfuri.com/razzi/
Author: DrFuri
Author URI: http://drfuri.com
Description: Razzi Child Theme.
Version: 1.0
License: GNU General Public License v2+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: razzi
Domain Path: /lang/
Tags: one-column, two-columns, left-sidebar, right-sidebar, full-width-template, post-formats, theme-options, threaded-comments, translation-ready
Template: razzi
*/


/* ==========================================================
   Source Sans 3
========================================================== */

@font-face {
	font-family: "Source Sans 3";
	src: url("/wp-content/uploads/fonts/SourceSans3-VariableFont_wght.woff2") format("woff2");
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
}

@font-face {
	font-family: "Source Sans 3";
	src: url("/wp-content/uploads/fonts/source-sans-3-v18-latin-300italic.woff2") format("woff2");
	font-style: italic;
	font-weight: 300;
	font-display: swap;
}

@font-face {
	font-family: "Source Sans 3";
	src: url("/wp-content/uploads/fonts/source-sans-3-v18-latin-400italic.woff2") format("woff2");
	font-style: italic;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: "Source Sans 3";
	src: url("/wp-content/uploads/fonts/source-sans-3-v18-latin-500italic.woff2") format("woff2");
	font-style: italic;
	font-weight: 500;
	font-display: swap;
}

@font-face {
	font-family: "Source Sans 3";
	src: url("/wp-content/uploads/fonts/source-sans-3-v18-latin-700italic.woff2") format("woff2");
	font-style: italic;
	font-weight: 700;
	font-display: swap;
}

/* ==========================================================
   Kalam
========================================================== */

@font-face {
	font-family: "Kalam";
	src: url("/wp-content/uploads/fonts/Kalam-Light.woff2") format("woff2");
	font-style: normal;
	font-weight: 300;
	font-display: swap;
}

@font-face {
	font-family: "Kalam";
	src: url("/wp-content/uploads/fonts/Kalam-Regular.woff2") format("woff2");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: "Kalam";
	src: url("/wp-content/uploads/fonts/Kalam-Bold.woff2") format("woff2");
	font-style: normal;
	font-weight: 700;
	font-display: swap;
}



/* ==================================================
   WooCommerce Cart Progress
================================================== */

.wc-cart-progress {
	--progress-height: 10px;
	--progress-background: #e4e4e4;
	--progress-fill: #ca7a63;
	--progress-icon-background: #fff;
	--progress-icon-color: #111;
	--progress-icon-reached-background: #ca7a63;
	--progress-icon-reached-color: #fff;

	width: min(100%, 300px);
	margin: 30px auto;
	padding: 20px;

	font-size: 14px;
	color: #111;
	background: #fff;
	border: 1px solid #ddd;
}


/* Kopfzeile */

.wc-cart-progress__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;

	margin-bottom: 24px;
}

.wc-cart-progress__label {
	font-weight: 600;
}

.wc-cart-progress__value {
	white-space: nowrap;
}


/* Fortschrittsleiste */

.wc-cart-progress__track {
	position: relative;

	width: 100%;
	height: var(--progress-height);

	background: var(--progress-background);
	border-radius: 999px;
}

.wc-cart-progress__fill {
	position: absolute;
	inset: 0 auto 0 0;

	width: 0;
	height: 100%;

	background: var(--progress-fill);
	border-radius: inherit;

	transition: width 300ms ease;
}


/* Zwischenstufen */

.wc-cart-progress__milestone {
	position: absolute;
	top: 50%;

	z-index: 2;

	display: flex;
	align-items: center;
	justify-content: center;

	transform: translate(-50%, -50%);
}

.wc-cart-progress__icon {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 35px;
	height: 35px;

	font-size: 14px;
	font-weight: 700;
	line-height: 1;

	color: var(--progress-icon-color);
	background: var(--progress-icon-background);

	border: 2px solid var(--progress-background);
	border-radius: 50%;

	transition:
		color 200ms ease,
		background-color 200ms ease,
		border-color 200ms ease,
		transform 200ms ease;
}


/* Erreichte Stufe */

.wc-cart-progress__milestone.is-reached
.wc-cart-progress__icon {
	color: var(--progress-icon-reached-color);
	background: var(--progress-icon-reached-background);
	border-color: var(--progress-icon-reached-background);

	transform: scale(1.08);
}


/* Letztes Icon nicht über den rechten Rand hinausschieben */

.wc-cart-progress__milestone[style*="left: 100%"] {
	transform: translate(-100%, -50%);
}


/* Reduzierte Bewegungen berücksichtigen */

@media (prefers-reduced-motion: reduce) {
	.wc-cart-progress__fill,
	.wc-cart-progress__icon {
		transition: none;
	}
}