/* My Favorites page — card grid layout for TI WooCommerce Wishlist override */

.tinv-header {
	display: none;
}

.ofp-fav-section__toolbar {
	position: relative;
}

.ofp-favorites .social-buttons {
	display: none;
	position: absolute;
	top: 100%;
	margin-top: 10px;
	z-index: 20;
	background: #fff;
	border: 1px solid #e5e6e3;
	border-radius: 6px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
	padding: 12px 16px;
}

.ofp-favorites .social-buttons.ofp-fav-social-open {
	display: block;
}

/* Plugin's icon font only has the old Twitter bird (FA4 \f099) — swap it
   for the X logo via a mask so it still inherits the surrounding color. */
.ofp-favorites .social-buttons .ftinvwl-twitter:before {
	content: "";
	display: inline-block;
	width: 0.85em;
	height: 0.85em;
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z'/%3E%3C/svg%3E") no-repeat center / contain;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z'/%3E%3C/svg%3E") no-repeat center / contain;
}

.ofp-fav-section {
	margin-bottom: 48px;
}

.ofp-fav-section__header {
	display: flex;
	align-items: baseline;
	gap: 12px;
	flex-wrap: wrap;
	border-bottom: 2px solid #078145;
	padding-bottom: 14px;
	margin-bottom: 18px;
}

.ofp-fav-section__header h2 {
	margin: 0;
	font-size: 20px !important;
	font-weight: 700 !important;
	letter-spacing: -0.005em !important;
}

.ofp-fav-section__count {
	color: #888888;
	font-size: 13px;
	font-weight: 700;
}

.ofp-fav-section__toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 18px;
	margin-bottom: 18px;
}

.ofp-fav-sort {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 12px;
	color: #888888;
	font-weight: 400;
}

.ofp-fav-sort__select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 1px solid #e5e6e3;
	border-radius: 4px;
	padding: 10px 24px 10px 14px;
	font-size: 12px;
	color: #1c1c1c;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%231c1c1c' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center;
	background-size: 10px 6px;
}

.ofp-fav-add-all,
.ofp-fav-share {
	background: #fff;
	border: 1.5px solid #078145;
	color: #078145;
	border-radius: 3px;
	padding: 12px 24px;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.05em;
	cursor: pointer;
	line-height: 1;
}

.ofp-fav-add-all:hover,
.ofp-fav-share:hover {
	background: #f0f7f3;
}

.ofp-fav-quote {
	background: #038145;
	color: #fff;
	border-radius: 3px;
	padding: 13px 24px;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.05em;
	text-decoration: none;
	display: inline-block;
	line-height: 1;
}

.ofp-fav-quote:hover {
	background: #055f33;
	color: #fff;
}

/* Grid layout itself comes from .woocommerce-page ul.products in
   scss/pages/_woocommerce.scss — .ofp-fav-grid is just a marker class for
   our JS, no layout rules of its own. */

.ofp-fav-card__badge {
	display: block;
	font-family: Arial, sans-serif;
	font-style: italic;
	font-weight: 400;
	font-size: 12px;
	color: #888888;
}

/* Wishlist add/remove toggle is rendered by TI Wishlist itself (Show in
   Product Listing > Above Thumbnail) — it ships its own overlay styling,
   nothing to add here. */

.ofp-fav-hidden-bulk-submit {
	display: none !important;
}

.tinv-wishlist select {
	width: 154px;
}

@media (max-width: 782px) {
	.ofp-fav-section__toolbar {
		gap: 12px;
	}
}