/**
 * NMM Size Chart – Theme override styles
 *
 * Loaded on every page where the [nmm_size_chart] shortcode fires.
 * Also loaded on WooCommerce product pages alongside the main stylesheet.
 *
 * Purpose: prevent theme button/link styles from overriding the trigger
 * button and the close button inside the modal drawer.
 *
 * Copyright (C) 2026 Nathaniel Mantell. All Rights Reserved.
 */

/*  Trigger button resets  */

button.nmm-size-chart-trigger,
button.nmm-size-chart-trigger:hover,
button.nmm-size-chart-trigger:active,
button.nmm-size-chart-trigger:focus,
button.nmm-size-chart-trigger:focus-visible,
button.nmm-size-chart-trigger:focus-within,
button.nmm-size-chart-trigger:visited,
button.nmm-size-chart-trigger:target {
	appearance: none !important;
	-webkit-appearance: none !important;
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	margin-bottom: 20px !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 0 !important;
	outline: none !important;
	box-shadow: none !important;
	background: none !important;
	background-color: transparent !important;
	font-family: adobe-caslon-pro, serif !important;
	font-weight: 400 !important;
	font-style: italic !important;
	font-size: 14px !important;
	line-height: normal !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	text-decoration: none !important;
	color: #000 !important;
	cursor: pointer !important;
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
	min-height: 0 !important;
}

button.nmm-size-chart-trigger:hover {
	text-decoration: underline !important;
}

button.nmm-size-chart-trigger.nmm-hide {
	display: none !important;
}

/*  Close button resets  */

.nmm-size-chart-close,
.nmm-size-chart-close:hover,
.nmm-size-chart-close:active,
.nmm-size-chart-close:focus,
.nmm-size-chart-close:focus-visible,
.nmm-size-chart-close:focus-within,
.nmm-size-chart-close:visited,
.nmm-size-chart-close:target {
	appearance: none !important;
	-webkit-appearance: none !important;
	position: absolute !important;
	top: 16px !important;
	right: 20px !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 0 !important;
	outline: none !important;
	box-shadow: none !important;
	background: none !important;
	background-color: transparent !important;
	background-image: none !important;
	font-size: 32px !important;
	line-height: 1 !important;
	color: #000 !important;
	cursor: pointer !important;
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
	min-height: 0 !important;
}

button.nmm-size-chart-trigger::before {
	content: "" !important;
}