/*!
 * Storzen v1.1.3 — Trust Badges + Product Breadcrumbs Widget Styles
 *
 * Loaded conditionally:
 *  - Trust Badges:    on is_checkout() + is_cart() + is_product() pages
 *  - Breadcrumbs:     on is_product() pages
 * Both registered in class-storzen-init.php and enqueued via a single
 * conditional stylesheet (storzen-v113-widgets.css).
 *
 * @package storzen
 * @since   1.1.3
 */

/* ─────────────────────────────────────────────────────────────────────────────
   SHARED
   ───────────────────────────────────────────────────────────────────────── */

.sz-trust-badges-wrap *,
.sz-breadcrumbs-wrap * {
	box-sizing: border-box;
}

/* ─────────────────────────────────────────────────────────────────────────────
   1. TRUST BADGES WIDGET
   ───────────────────────────────────────────────────────────────────────── */

/* ── Row layout ── */
.sz-trust-badges-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center; /* overridden by Elementor alignment control */
	gap: 20px;
	width: 100%;
}

/* ── Grid layout ── */
.sz-trust-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr); /* overridden by Elementor columns control */
	gap: 20px;
	width: 100%;
}

/* ── Single badge item ── */
.sz-trust-badge {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	text-align: center;
	gap: 0;
}

/* ── Icon container ── */
.sz-trust-badge__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

.sz-trust-badge__icon i {
	font-size: 28px; /* overridden by Elementor icon size control */
	color: #374151;  /* overridden by Elementor icon color control */
	line-height: 1;
}

/* ── Preset SVG icons ── */
.sz-trust-badge__svg {
	display: block;
	width: 28px;    /* overridden by Elementor icon size control */
	height: 28px;
	flex-shrink: 0;
}

/* Default fill color for all SVG paths — overridden by Elementor color control */
.sz-trust-badge__svg path,
.sz-trust-badge__svg rect,
.sz-trust-badge__svg circle {
	fill: #374151;
}

/* Custom image badge */
.sz-trust-badge__img {
	display: block;
	width: 28px;  /* overridden by Elementor size control */
	height: auto;
	object-fit: contain;
}

/* ── Label ── */
.sz-trust-badge__label {
	display: block;
	margin-top: 6px; /* overridden by Elementor margin control */
	font-size: 11px;
	font-weight: 600;
	line-height: 1.4;
	color: #6b7280; /* overridden by Elementor color control */
	white-space: nowrap;
}

/* ── Responsive: row wraps on small screens ── */
@media (max-width: 480px) {
	.sz-trust-badges-row {
		gap: 14px;
	}

	.sz-trust-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 14px;
	}

	.sz-trust-badge__label {
		font-size: 10px;
	}
}

@media (max-width: 360px) {
	.sz-trust-grid {
		grid-template-columns: 1fr 1fr;
	}
}

/* ── RTL ── */
[dir="rtl"] .sz-trust-badges-row {
	direction: rtl;
}

[dir="rtl"] .sz-trust-grid {
	direction: rtl;
}


/* ─────────────────────────────────────────────────────────────────────────────
   2. PRODUCT BREADCRUMBS WIDGET
   ───────────────────────────────────────────────────────────────────────── */

.sz-breadcrumbs-wrap {
	display: block;
	width: 100%;
}

/* Override WooCommerce's default breadcrumb styles that themes often reset */
.sz-breadcrumbs-wrap.woocommerce-breadcrumb,
.sz-breadcrumbs-wrap .woocommerce-breadcrumb {
	display: block;
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-weight: inherit;
	line-height: 1.5;
	color: #6b7280; /* separator + current item color; overridden by Elementor */
	background: none;
	border: none;
}

/* Links */
.sz-breadcrumbs-wrap .woocommerce-breadcrumb a,
.sz-breadcrumbs-wrap.woocommerce-breadcrumb a {
	color: #6b7280; /* overridden by Elementor link color control */
	text-decoration: none;
	transition: color 0.15s ease;
}

.sz-breadcrumbs-wrap .woocommerce-breadcrumb a:hover,
.sz-breadcrumbs-wrap.woocommerce-breadcrumb a:hover {
	color: #111827; /* overridden by Elementor link hover color control */
	text-decoration: underline;
}

/* Ensure breadcrumbs don't inherit a float from WooCommerce's default sheet */
.sz-breadcrumbs-wrap.woocommerce-breadcrumb {
	float: none !important;
}

/* ── RTL ── */
[dir="rtl"] .sz-breadcrumbs-wrap {
	direction: rtl;
}
