/**
 * DAF Marketplace — Header Actions Styles
 * Location: /wp-content/plugins/daf-marketplace/assets/front/header-actions.css
 *
 * Purpose:
 * - Styles reusable marketplace header action items.
 * - Keeps plugin-owned notify, compare, wishlist, and cart icons theme-independent.
 * - Hard-locks icon sizing so theme menu/topbar CSS cannot stretch plugin actions.
 *
 * Related PHP:
 * - /wp-content/plugins/daf-marketplace/includes/frontend/class-dafmp-header-integration.php
 * - /wp-content/plugins/daf-marketplace/includes/frontend/class-dafmp-frontend.php
 *
 * Related JS:
 * - /wp-content/plugins/daf-marketplace/assets/front/header-actions.js
 */

.dafmp-header-action-slot,
.dafmp-header-action-slot .dafmp-header-actions,
.dafmp-header-actions,
.dafmp-header-actions__list,
.dafmp-header-actions__item {
	display:inline-flex !important;
	align-items:center !important;
	vertical-align:middle !important;
	box-sizing:border-box !important;
	min-width:0 !important;
	margin:0 !important;
	padding:0 !important;
	list-style:none !important;
}

.dafmp-header-actions {
	--dafmp-action-size:40px;
	--dafmp-icon-size:20px;
	--dafmp-count-size:18px;
	--dafmp-border-color:#E2E8F0;
	--dafmp-bg:#FFFFFF;
	--dafmp-text:#0F172A;
	--dafmp-accent:#2563EB;
	--dafmp-accent-hover:#1D4ED8;
	justify-content:flex-end !important;
	line-height:1 !important;
	font-size:0 !important;
	gap:0 !important;
	width:auto !important;
	max-width:none !important;
	height:auto !important;
}

.dafmp-header-actions,
.dafmp-header-actions *,
.dafmp-header-actions *::before,
.dafmp-header-actions *::after {
	box-sizing:border-box !important;
}

.dafmp-header-actions__list {
	gap:10px !important;
	width:auto !important;
	max-width:none !important;
	height:auto !important;
}

.dafmp-header-actions__item {
	flex:0 0 auto !important;
	width:auto !important;
	max-width:none !important;
	height:auto !important;
}

.dafmp-header-actions__link {
	position:relative !important;
	display:inline-flex !important;
	align-items:center !important;
	justify-content:center !important;
	flex:0 0 var(--dafmp-action-size) !important;
	width:var(--dafmp-action-size) !important;
	min-width:var(--dafmp-action-size) !important;
	max-width:var(--dafmp-action-size) !important;
	height:var(--dafmp-action-size) !important;
	min-height:var(--dafmp-action-size) !important;
	max-height:var(--dafmp-action-size) !important;
	padding:0 !important;
	margin:0 !important;
	border:1px solid var(--dafmp-border-color) !important;
	border-radius:999px !important;
	background:var(--dafmp-bg) !important;
	color:var(--dafmp-text) !important;
	text-decoration:none !important;
	text-align:center !important;
	white-space:nowrap !important;
	vertical-align:middle !important;
	line-height:1 !important;
	font-size:0 !important;
	letter-spacing:0 !important;
	box-shadow:none !important;
	overflow:hidden !important;
	appearance:none !important;
	-webkit-appearance:none !important;
	transform:none !important;
	transition:border-color .2s ease,background-color .2s ease,color .2s ease,transform .2s ease !important;
}

.dafmp-header-actions__link:hover,
.dafmp-header-actions__link:focus,
.dafmp-header-actions__link:focus-visible {
	border-color:var(--dafmp-accent) !important;
	color:var(--dafmp-accent) !important;
	text-decoration:none !important;
	outline:none !important;
	box-shadow:none !important;
	transform:translateY(-1px) !important;
}

.dafmp-header-actions__icon {
	display:inline-flex !important;
	align-items:center !important;
	justify-content:center !important;
	flex:0 0 var(--dafmp-icon-size) !important;
	width:var(--dafmp-icon-size) !important;
	min-width:var(--dafmp-icon-size) !important;
	max-width:var(--dafmp-icon-size) !important;
	height:var(--dafmp-icon-size) !important;
	min-height:var(--dafmp-icon-size) !important;
	max-height:var(--dafmp-icon-size) !important;
	margin:0 !important;
	padding:0 !important;
	line-height:1 !important;
	font-size:0 !important;
	overflow:hidden !important;
}

.dafmp-header-actions__icon svg,
.dafmp-header-actions__icon img,
.dafmp-header-actions__icon i {
	display:block !important;
	flex:none !important;
	width:var(--dafmp-icon-size) !important;
	min-width:var(--dafmp-icon-size) !important;
	max-width:var(--dafmp-icon-size) !important;
	height:var(--dafmp-icon-size) !important;
	min-height:var(--dafmp-icon-size) !important;
	max-height:var(--dafmp-icon-size) !important;
	margin:0 !important;
	padding:0 !important;
	border:0 !important;
	line-height:1 !important;
	transform:none !important;
	object-fit:contain !important;
}

.dafmp-header-actions__icon svg {
	fill:none !important;
	stroke:currentColor !important;
	stroke-width:2 !important;
	stroke-linecap:round !important;
	stroke-linejoin:round !important;
	vector-effect:non-scaling-stroke !important;
}

.dafmp-header-actions__label {
	display:inline-flex !important;
	align-items:center !important;
	margin:0 !important;
	padding:0 !important;
	font-size:14px !important;
	font-weight:600 !important;
	line-height:1.2 !important;
	white-space:nowrap !important;
	color:currentColor !important;
}

.dafmp-header-actions__count {
	position:absolute !important;
	top:-4px !important;
	right:-4px !important;
	display:inline-flex !important;
	align-items:center !important;
	justify-content:center !important;
	min-width:var(--dafmp-count-size) !important;
	width:auto !important;
	height:var(--dafmp-count-size) !important;
	padding:0 5px !important;
	margin:0 !important;
	border:2px solid #FFFFFF !important;
	border-radius:999px !important;
	background:#F97316 !important;
	color:#FFFFFF !important;
	font-size:11px !important;
	font-weight:700 !important;
	line-height:1 !important;
	box-shadow:none !important;
	white-space:nowrap !important;
}

.dafmp-header-actions[data-dafmp-header-actions="1"] .dafmp-header-actions__count:empty {
	display:none !important;
}

.dafmp-header-actions .screen-reader-text {
	position:absolute !important;
	width:1px !important;
	height:1px !important;
	padding:0 !important;
	margin:-1px !important;
	overflow:hidden !important;
	clip:rect(0,0,0,0) !important;
	white-space:nowrap !important;
	border:0 !important;
}

.dafmp-header-actions--labels .dafmp-header-actions__link {
	flex:0 0 auto !important;
	width:auto !important;
	min-width:var(--dafmp-action-size) !important;
	max-width:none !important;
	padding:0 14px !important;
	font-size:inherit !important;
	gap:8px !important;
}

.dafmp-header-actions__item--cart .dafmp-header-actions__count,
.dafmp-header-actions__item--wishlist .dafmp-header-actions__count,
.dafmp-header-actions__item--compare .dafmp-header-actions__count {
	background:#2563EB !important;
}

.dafmp-header-actions__item--notify .dafmp-header-actions__count {
	background:#F97316 !important;
}

.dafmp-header-actions__item--account .dafmp-header-actions__count {
	display:none !important;
}

[data-dafmp-mounted="1"] > .dafmp-header-action-slot,
[data-dafmp-mounted="1"] .dafmp-header-action-slot {
	display:inline-flex !important;
	align-items:center !important;
	vertical-align:middle !important;
}

@media (max-width:991px) {
	.dafmp-header-actions {
		--dafmp-action-size:38px;
		--dafmp-icon-size:19px;
	}

	.dafmp-header-actions__list {
		gap:8px !important;
	}
}

@media (max-width:767px) {
	.dafmp-header-actions {
		--dafmp-action-size:36px;
		--dafmp-icon-size:18px;
	}

	.dafmp-header-actions__list {
		gap:7px !important;
	}

	.dafmp-header-actions--labels .dafmp-header-actions__link {
		padding:0 12px !important;
	}

	.dafmp-header-actions__label {
		font-size:13px !important;
	}
}

@media (max-width:575px) {
	.dafmp-header-actions__list {
		gap:6px !important;
	}

	.dafmp-header-actions--labels .dafmp-header-actions__label {
		display:none !important;
	}

	.dafmp-header-actions--labels .dafmp-header-actions__link {
		width:var(--dafmp-action-size) !important;
		min-width:var(--dafmp-action-size) !important;
		max-width:var(--dafmp-action-size) !important;
		padding:0 !important;
	}
}