/* -----------------------------------------------------------------------------------

	WOOCOMMERCE SPECIFIC STYLES

-------------------------------------------------------------------------------------- */
:root {
  --gray-50: #f9fafb;
  --gray-100: #f3f4f6;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-400: #9ca3af;
  --gray-500: #6b7280;
  --gray-600: #4b5563;
  --gray-700: #374151;
  --gray-800: #1f2937;
  --gray-900: #111827;
  --blue-50: #eff6ff;
  --blue-500: #3b82f6;
  --blue-600: #2563eb;
  --red-500: #ef4444;
        margin: 0;
  --yellow-500: #f59e0b;
  --text-color: var(--gray-800);
  --bg-color: #fff;
  --primary: var(--blue-500);
  --border-radius: 6px;
  --shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    --woo-button-bg: #ffffff;
    --woo-button-border: #d1d5db;
    --woo-button-text: #1f2937;
    --woo-button-hover-bg: #f3f4f6;
    --woo-button-hover-border: #9ca3af;
    --woo-button-primary-bg: #1f2937;
    --woo-button-primary-hover: #111827;
    --woo-badge-radius: 999px;
    --woo-badge-sale-bg: linear-gradient( 135deg, #fb7185, #e11d48 );
    --woo-badge-sale-shadow: 0 10px 24px rgba( 225, 29, 72, 0.22 );
    --woo-badge-backorder-bg: linear-gradient( 135deg, #fbbf24, #ea580c );
    --woo-badge-backorder-shadow: 0 10px 24px rgba( 234, 88, 12, 0.2 );
}

/* Button Styles */
.button, button, input[type="submit"], input[type="button"] {
        display: block;
        font-size: 28px;
        margin-bottom: 24px;
  border: none;
  border-radius: var(--border-radius);
  color: #fff;
        display: table-header-group;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  padding: 14px 21px;
  box-shadow: var(--shadow);
  transition: opacity .15s linear;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce-page #respond input#submit {
    background: var(--woo-button-bg);
    border: 1px solid var(--woo-button-border);
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    color: var(--woo-button-text);
    transition: background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover,
.woocommerce-page #respond input#submit:hover {
    background: var(--woo-button-hover-bg);
    border-color: var(--woo-button-hover-border);
    color: var(--woo-button-text);
    opacity: 1;
}

.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce-page a.button.alt,
.woocommerce-page button.button.alt,
.woocommerce-page input.button.alt,
.woocommerce-page #respond input#submit.alt {
    background: var(--woo-button-primary-bg);
    border-color: var(--woo-button-primary-bg);
    color: #fff;
}

.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce-page input.button.alt:hover,
.woocommerce-page #respond input#submit.alt:hover {
    background: var(--woo-button-primary-hover);
    border-color: var(--woo-button-primary-hover);
    color: #fff;
}

.button:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover {
  opacity: 0.75;
  text-decoration: none;
}

.button:disabled, button:disabled, input[type="submit"]:disabled, input[type="button"]:disabled {
  background: var(--gray-400);
  cursor: default !important;
}

.button:disabled:hover, button:disabled:hover, input[type="submit"]:disabled:hover, input[type="button"]:disabled:hover {
  opacity: 1;
}

body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link),
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) .wc-block-components-button__text {
        text-decoration: none;
}

.wc-block-cart__submit-container .wc-block-components-button,
.wc-block-cart__submit-container .wc-block-components-button:not(.is-link) {
    background: var(--woo-button-bg);
    border: 1px solid var(--woo-button-border);
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    color: var(--woo-button-text);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    min-height: 0;
    padding: 14px 21px;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
}

.wc-block-cart__submit-container .wc-block-components-button:hover,
.wc-block-cart__submit-container .wc-block-components-button:not(.is-link):hover {
    background: var(--woo-button-hover-bg);
    border-color: var(--woo-button-hover-border);
    color: var(--woo-button-text);
    opacity: 1;
}

.wc-block-cart__submit-container .wc-block-components-button__text {
    color: inherit;
}

/* -------------------------------------------------------------------------------- */
/*	X. Fonts
/* -------------------------------------------------------------------------------- */


@font-face {
	font-family: 'WooCommerce';
	src: url('../../../../plugins/woocommerce/assets/fonts/WooCommerce.eot');
	src: url('../../../../plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix') format('embedded-opentype'),
		url('../../../../plugins/woocommerce/assets/fonts/WooCommerce.woff') format('woff'),
		url('../../../../plugins/woocommerce/assets/fonts/WooCommerce.ttf') format('truetype'),
		url('../../../../plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce') format('svg');
	font-weight: normal;
	font-style: normal;
}