/*
Theme Name: Hello Elementor Child – SanMar
Theme URI: https://example.com/
Description: Child theme of Hello Elementor with custom WooCommerce My Account templates (Profile, etc.).
Author: Your Company
Author URI: https://example.com/
Template: hello-elementor
Version: 0.1.3
Text Domain: hello-elementor-child
*/

/* -------------------------------------------------------------------------
 * Global typography — Manrope everywhere (icon fonts excluded below)
 * ---------------------------------------------------------------------- */

html {
	font-family: "Manrope", sans-serif;
}

body {
	font-family: "Manrope", sans-serif !important;
}

body * {
	font-family: "Manrope", sans-serif !important;
}

.dashicons,
.dashicons-before::before,
[class^="eicon-"]::before,
[class*=" eicon-"]::before,
.fa::before,
.fas::before,
.far::before,
.fab::before,
.fal::before {
	font-family: dashicons, eicons, "Font Awesome 5 Free", "Font Awesome 5 Brands", "Font Awesome 6 Free", "Font Awesome 6 Brands", serif !important;
}

/* -------------------------------------------------------------------------
 * Elementor global button classes
 * ---------------------------------------------------------------------- */

.primary-button,
a.primary-button,
button.primary-button,
input.primary-button[type="submit"],
input.primary-button[type="button"],
.hec-btn--primary,
.hec-btn--accent,
.hec-auth-btn--primary,
.hec-showcase__view-all,
.hec-slider__view-all {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background-color: var(--e-global-color-accent) !important;
	color: #fff !important;
	font-family: "Manrope", Sans-serif !important;
	font-size: 20px !important;
	font-weight: 600 !important;
	line-height: 30px !important;
	border: none !important;
	border-radius: 12px !important;
	padding: 14px 70px !important;
	text-decoration: none !important;
	cursor: pointer;
	box-sizing: border-box;
	transition: background-color .15s ease;
}

.primary-button:hover,
a.primary-button:hover,
button.primary-button:hover,
input.primary-button[type="submit"]:hover,
input.primary-button[type="button"]:hover,
.hec-btn--primary:hover,
.hec-btn--accent:hover,
.hec-auth-btn--primary:hover:not([disabled]),
.hec-showcase__view-all:hover,
.hec-slider__view-all:hover {
	background-color: var(--e-global-color-8de613d) !important;
	color: #fff !important;
}

.primary-button:focus,
.primary-button:focus-visible,
a.primary-button:focus,
a.primary-button:focus-visible,
button.primary-button:focus,
button.primary-button:focus-visible,
input.primary-button[type="submit"]:focus,
input.primary-button[type="submit"]:focus-visible,
input.primary-button[type="button"]:focus,
input.primary-button[type="button"]:focus-visible,
.hec-btn--primary:focus,
.hec-btn--primary:focus-visible,
.hec-btn--accent:focus,
.hec-btn--accent:focus-visible,
.hec-auth-btn--primary:focus,
.hec-auth-btn--primary:focus-visible,
.hec-showcase__view-all:focus,
.hec-showcase__view-all:focus-visible,
.hec-slider__view-all:focus,
.hec-slider__view-all:focus-visible {
	background-color: var(--e-global-color-b2184e6) !important;
	outline: none;
}

.primary-button[disabled],
.primary-button:disabled,
button.primary-button[disabled],
input.primary-button[type="submit"][disabled],
.hec-btn--primary[disabled],
.hec-btn--primary:disabled,
.hec-auth-btn--primary[disabled] {
	background-color: #c5cbc7 !important;
	color: #fff !important;
	cursor: default;
}

/* Icons inside primary buttons (e.g. dashicons, inline SVGs) */
.primary-button .dashicons,
.primary-button svg {
	color: #fff;
	fill: currentColor;
	flex: 0 0 auto;
}

.secondary-button,
a.secondary-button,
button.secondary-button,
input.secondary-button[type="submit"],
input.secondary-button[type="button"] {
	background-color: var(--e-global-color-secondary) !important;
	font-family: "Manrope", Sans-serif !important;
	font-size: 20px !important;
	font-weight: 600 !important;
	line-height: 30px !important;
	border: 1px solid var(--e-global-color-3454fb5) !important;
	border-radius: 12px !important;
	padding: 14px 70px !important;
}

.secondary-button:hover,
a.secondary-button:hover,
button.secondary-button:hover,
input.secondary-button[type="submit"]:hover,
input.secondary-button[type="button"]:hover {
	border: 1px solid var(--e-global-color-accent) !important;
}

.secondary-button:focus,
.secondary-button:focus-visible,
a.secondary-button:focus,
a.secondary-button:focus-visible,
button.secondary-button:focus,
button.secondary-button:focus-visible,
input.secondary-button[type="submit"]:focus,
input.secondary-button[type="submit"]:focus-visible,
input.secondary-button[type="button"]:focus,
input.secondary-button[type="button"]:focus-visible {
	border: 2px solid var(--e-global-color-accent) !important;
	outline: none;
}