/**
 * Theme Name: Shopic Child
 * Description: Child theme do Shopic personalizado para a Gira Mimos.
 * Author: Pavothemes
 * Author URI: https://pavothemes.com/
 * Template: shopic
 * Version: 2.4.7
 */

/*
 * Gira Mimos — Global Design System
 */

/* Local fonts
-------------------------------------------------------------- */

@font-face {
	font-family: "Manrope";
	src: url("./assets/fonts/manrope-variable.woff2") format("woff2");
	font-style: normal;
	font-weight: 200 800;
	font-display: swap;
}

@font-face {
	font-family: "DM Sans";
	src: url("./assets/fonts/dm-sans-variable.woff2") format("woff2");
	font-style: normal;
	font-weight: 100 1000;
	font-display: swap;
}

/* Brand tokens
-------------------------------------------------------------- */

:root {
	--gm-primary: #c40c7e;
	--gm-primary-hover: #8f075c;
	--gm-primary-soft: #f8e7f1;

	--gm-background: #fff9f6;
	--gm-surface: #ffffff;

	--gm-text: #242124;
	--gm-text-muted: #716a70;
	--gm-border: #e9dce4;

	--gm-success: #2f7d5b;
	--gm-error: #b42318;

	--gm-heading-font: "Manrope", sans-serif;
	--gm-body-font: "DM Sans", sans-serif;

	--gm-radius-small: 6px;
	--gm-radius-medium: 12px;
	--gm-radius-large: 20px;

	/* Elementor global fallbacks */
	--e-global-color-primary: var(--gm-primary);
	--e-global-color-secondary: var(--gm-primary-hover);
	--e-global-color-text: var(--gm-text);
	--e-global-color-accent: var(--gm-primary);

	--e-global-typography-primary-font-family: var(--gm-heading-font);
	--e-global-typography-secondary-font-family: var(--gm-heading-font);
	--e-global-typography-text-font-family: var(--gm-body-font);
	--e-global-typography-accent-font-family: var(--gm-body-font);
}

/* Base typography
-------------------------------------------------------------- */

html {
	accent-color: var(--gm-primary);
}

body,
button,
input,
select,
textarea {
	color: var(--gm-text);
	font-family: var(--gm-body-font);
}

body {
	background-color: var(--gm-background);
	line-height: 1.65;
}

h1,
h2,
h3,
h4,
h5,
h6,
.site-title,
.entry-title,
.page-title,
.product_title {
	color: var(--gm-text);
	font-family: var(--gm-heading-font);
	font-weight: 700;
	letter-spacing: -0.02em;
}

p,
li,
label,
input,
select,
textarea,
.woocommerce,
.elementor-widget-text-editor {
	font-family: var(--gm-body-font);
}

/* Links
-------------------------------------------------------------- */

a {
	color: var(--gm-primary);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.15em;
}

a:hover,
a:focus {
	color: var(--gm-primary-hover);
}

/* Buttons
-------------------------------------------------------------- */

button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.wp-element-button,
.elementor-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	border: 1px solid var(--gm-primary);
	border-radius: var(--gm-radius-small);
	background: var(--gm-primary);
	color: #ffffff;
	font-family: var(--gm-body-font);
	font-weight: 700;
	transition:
		background-color 180ms ease,
		border-color 180ms ease,
		color 180ms ease,
		transform 180ms ease;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.wp-element-button:hover,
.elementor-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
	border-color: var(--gm-primary-hover);
	background: var(--gm-primary-hover);
	color: #ffffff;
}

/* Forms
-------------------------------------------------------------- */

input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
select,
textarea {
	border: 1px solid var(--gm-border);
	border-radius: var(--gm-radius-small);
	background-color: var(--gm-surface);
	color: var(--gm-text);
}

input:focus,
select:focus,
textarea:focus {
	border-color: var(--gm-primary);
	outline: 2px solid rgb(196 12 126 / 18%);
	outline-offset: 1px;
}

::placeholder {
	color: var(--gm-text-muted);
	opacity: 0.8;
}

/* WooCommerce
-------------------------------------------------------------- */

.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price {
	color: var(--gm-primary);
	font-family: var(--gm-heading-font);
	font-weight: 700;
}

.woocommerce span.onsale {
	background: var(--gm-primary);
	color: #ffffff;
	font-family: var(--gm-body-font);
	font-weight: 700;
}

.woocommerce-message {
	border-top-color: var(--gm-success);
}

.woocommerce-message::before {
	color: var(--gm-success);
}

.woocommerce-info {
	border-top-color: var(--gm-primary);
}

.woocommerce-info::before {
	color: var(--gm-primary);
}

.woocommerce-error {
	border-top-color: var(--gm-error);
}

.woocommerce-error::before {
	color: var(--gm-error);
}

/* Accessibility
-------------------------------------------------------------- */

:focus-visible {
	outline: 3px solid rgb(196 12 126 / 35%);
	outline-offset: 3px;
}

::selection {
	background: var(--gm-primary);
	color: #ffffff;
}