.elementor-kit-6{--e-global-color-primary:#2E003E;--e-global-color-secondary:#0D102B;--e-global-color-text:#C49E41;--e-global-color-accent:#FCEFBF;--e-global-color-e2d379b:#FFFFFF;--e-global-typography-primary-font-family:"Cormorant Garamond";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:400;background-image:url("https://chapeudemagus.com.br/wp-content/uploads/2024/12/bg_geral.webp");background-repeat:repeat;background-size:auto;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================= */
/* SEU CÓDIGO EXISTENTE (não delete) */
/* ============================= */
.your-existing-code { ... }

/* ============================= */
/* MEU CÓDIGO PREMIUM PARA CHAPÉU DE MAGUS */
/* ============================= */

/* 1) Botões premium (dourado metálico com glow sutil) */
.elementor-button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  border-radius: 14px;
  border: 1px solid rgba(252,239,191,.35);
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.elementor-button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
  transform: translateY(-1px);
  filter: brightness(1.05);
  box-shadow: 0 16px 40px rgba(0,0,0,.45);
}

/* 2) Cards com borda “ritual” discreta */
.woocommerce ul.products li.product, .elementor-widget-container .e-con {
  border: 1px solid rgba(174,123,65,.22);
  border-radius: 18px;
  backdrop-filter: blur(6px);
}

/* 3) Títulos com presença */
h1, h2, h3 {
  letter-spacing: .2px;
  text-rendering: geometricPrecision;
}

/* 4) Links com sublinhado animado */
a {
  text-decoration: none;
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-size: 0% 1px;
  background-position: 0 100%;
  transition: background-size .2s ease;
}
a:hover { background-size: 100% 1px; }
/* ÍCONE SVG DO CLIENTE — BOTÃO MAGIA */
.btn-magico::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  background: url(https://chapeudemagus.com.br/wp-content/uploads/2026/02/favicon.svg) no-repeat center;
  background-size: contain;
}
/* ===== VARIAÇÕES E DROPDOWNS PREMIUM ===== */

/* fundo roxo profundo; texto dourado */
.woocommerce div.product form.cart .variations select {
    background: #2e003e !important; 
    color: #C49E41 !important; 
    border: 1px solid #C49E41 !important; 
    padding: 8px 12px !important;
    border-radius: 8px !important;
    font-weight: 500;
}

/* texto das opções (placeholder + opções) */
.woocommerce div.product form.cart .variations select option {
    color: #C49E41 !important;
}

/* foco / hover */
.woocommerce div.product form.cart .variations select:focus {
    outline: none !important;
    border-color: #C49E41 !important;
    box-shadow: 0 0 0 2px rgba(196, 158, 65, 0.25) !important;
}

/* labels dos selects (Tamanho / Consagrado) */
.woocommerce div.product form.cart .variations label {
    color: #C49E41 !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .6px;
}/* End custom CSS */