/*
Theme Name: Magia em Cristal Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: magiaemcristal
Version: 1.0
*/
:root {
  --mec-ink: #211713;
  --mec-cream: #fff8ea;
  --mec-brand: #ef4a6b;
  --mec-pink: #ffd7e2;
  --mec-lilac: #eee3ff;
  --mec-mint: #dff6e8;
  --mec-butter: #ffe9a6;
  --mec-sky: #d8ecff;
}

/* Eatvetica */
@font-face {
    font-family: 'Eatvetica';
    src: url('./fonts/EatveticaDemo-pg091.woff2') format('woff2'),
         url('./fonts/EatveticaDemo-pg091.woff') format('woff'),
         url('./fonts/EatveticaDemo-pg091.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Eatvetica Rounded */
@font-face {
    font-family: 'Eatvetica Rounded';
    src: url('./fonts/EatveticaRoundedDemo-DY1J9.woff2') format('woff2'),
         url('./fonts/EatveticaRoundedDemo-DY1J9.woff') format('woff'),
         url('./fonts/EatveticaRoundedDemo-DY1J9.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

h1, h2, h3, h1.vc_custom_heading {
    font-family: 'Eatvetica Rounded', sans-serif ;
    font-weight: 100;
}

.mec-hero-section .row-bg {
  background:
    radial-gradient(circle at 5% 15%, rgba(255, 215, 226, .75), transparent 28%),
    radial-gradient(circle at 85% 25%, rgba(238, 227, 255, .95), transparent 30%),
    radial-gradient(circle at 50% 95%, rgba(255, 233, 166, .65), transparent 24%),
    var(--mec-cream);
}
.mec-hero-section img{
    border-radius: 42% 58% 60% 40% / 45% 45% 55% 55%; 
}
.mec-zero-badge,
.mec-candy-badge {
  align-items: center;
  border-radius: 999px;
  display: flex;
  justify-content: center;
  line-height: 1;
  position: absolute;
  text-align: center;
  z-index: 5;
}

.mec-zero-badge {
  background: var(--mec-ink);
  color: var(--mec-cream);
  height: 120px;
  right: 8%;
  text-transform: uppercase;
  top: 3%;
  width: 120px;
}

.mec-zero-badge strong {
  display: block;
  font-size: 34px;
  font-style: italic;
  text-transform: lowercase;
}

.mec-zero-badge span {
  font-size: 10px;
  letter-spacing: .28em;
}
.mec-eyebrow {
  color: var(--mec-brand);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .28em;
  line-height: 1.4;
  margin-bottom: 14px;
  text-transform: uppercase;
}

.nectar-split-heading h1 > span:last-child{ color: var(--mec-brand); }
/* Hero - imagem direita com borda organica */

.img-with-aniamtion-wrap:has(img.mec-hero-image-col) {
  position: relative;
  display: inline-block;
  max-width: 100%;
  padding: 14px;
  border-radius: 42% 58% 60% 40% / 45% 45% 55% 55%;
  background: linear-gradient(135deg, #eee3ff 0%, #ffd7e2 55%, #ffe9a6 100%);
  overflow: hidden;
}

.img-with-aniamtion-wrap:has(img.mec-hero-image-col) .inner,
.img-with-aniamtion-wrap:has(img.mec-hero-image-col) .hover-wrap,
.img-with-aniamtion-wrap:has(img.mec-hero-image-col) .hover-wrap-inner {
  border-radius: inherit;
  overflow: hidden;
}

img.mec-hero-image-col {
  display: block;
  width: 100%;
  height: auto;
  border-radius: inherit !important;
  object-fit: cover;
}

/* Nossa Marca / Sobre a marca - imagem */

.mec-about-section .img-with-aniamtion-wrap,
.mec-about-section .img-with-animation-wrap {
  position: relative;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  border-radius: 40px;
}

.mec-about-section .inner,
.mec-about-section .hover-wrap,
.mec-about-section .hover-wrap-inner {
  border-radius: inherit;
  overflow: hidden;
}

.mec-about-section img.img-with-animation {
  display: block;
  width: 100%;
  height: auto;
  border-radius: inherit !important;
  object-fit: cover;
}

/* Selo i ♥ candy */

.mec-candy-badge {
  align-items: center;
  background: #dff6e8;
  border-radius: 999px;
  color: #211713;
  display: flex;
  font-size: 22px;
  font-style: italic;
  height: 96px;
  justify-content: center;
  left: 8%;
  line-height: 1;
  position: absolute;
  text-align: center;
  top: 2%;
  width: 96px;
  z-index: 5;
}
.btn,
.menu-item,
.destaque {
    font-family: 'Eatvetica Rounded', sans-serif;
}