/* ============================================
   Mix Conceito Decor — Luxury Custom Styles
   v2.0 — Seletores agressivos para Elementor
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Jost:wght@300;400;500;600&display=swap');

/* --- Variáveis globais --- */
:root {
  --mix-black:      #111111;
  --mix-dark:       #1a1a1a;
  --mix-gray:       #555555;
  --mix-mid-gray:   #999999;
  --mix-light-gray: #cccccc;
  --mix-off-white:  #f4f2ee;
  --mix-white:      #ffffff;
  --mix-gold:       #b8975a;
  --e-global-color-primary:  #111111 !important;
  --e-global-color-secondary:#555555 !important;
  --e-global-color-text:     #333333 !important;
  --e-global-color-accent:   #b8975a !important;
}

/* ============================================
   BASE
   ============================================ */
html { scroll-behavior: smooth; }

body,
body.elementor-page {
  background-color: #f4f2ee !important;
  font-family: 'Jost', sans-serif !important;
  font-weight: 300 !important;
  -webkit-font-smoothing: antialiased !important;
}

::selection { background: #b8975a; color: #fff; }
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: #f4f2ee; }
::-webkit-scrollbar-thumb { background: #b8975a; }

/* ============================================
   TIPOGRAFIA — força em todos os contextos
   ============================================ */

body h1, body h2, body h3, body h4, body h5, body h6,
.elementor h1, .elementor h2, .elementor h3,
.elementor h4, .elementor h5, .elementor h6,
.elementor-widget-heading .elementor-heading-title,
.elementor-element .elementor-heading-title,
.elementor-widget .elementor-heading-title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 400 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.2 !important;
}

body p,
body .elementor-widget-text-editor,
body .elementor-widget-text-editor p,
body .elementor-text-editor,
body .elementor-text-editor p,
.elementor-element p {
  font-family: 'Jost', sans-serif !important;
  font-weight: 300 !important;
  line-height: 1.85 !important;
  letter-spacing: 0.01em !important;
  color: #444444 !important;
}

/* ============================================
   LINKS
   ============================================ */
a { transition: color 0.3s ease; }
a:hover { color: #b8975a !important; }

/* ============================================
   BOTÕES — todos os contextos do Elementor
   ============================================ */

.elementor-button,
.elementor-button-wrapper a,
.elementor-widget-button .elementor-button,
.elementor-button.elementor-size-sm,
.elementor-button.elementor-size-md,
.elementor-button.elementor-size-lg,
.elementor-button.elementor-size-xl,
a.elementor-button {
  background-color: #111111 !important;
  color: #ffffff !important;
  border: 1px solid #111111 !important;
  border-radius: 0 !important;
  padding: 14px 40px !important;
  font-family: 'Jost', sans-serif !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  transition: all 0.35s ease !important;
  box-shadow: none !important;
}

.elementor-button:hover,
.elementor-widget-button .elementor-button:hover,
a.elementor-button:hover {
  background-color: transparent !important;
  color: #111111 !important;
}

/* ============================================
   NAVEGAÇÃO
   ============================================ */

.hfe-nav-menu a,
.hfe-nav-menu a.hfe-menu-item,
.hfe-nav-menu .menu-item a,
.elementor-widget-navigation-menu a,
.elementor-widget-navigation-menu a.hfe-menu-item {
  font-family: 'Jost', sans-serif !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  transition: color 0.3s ease !important;
}

.hfe-nav-menu a:hover,
.hfe-nav-menu a.hfe-menu-item:hover,
.elementor-widget-navigation-menu a:hover {
  color: #b8975a !important;
}

.hfe-nav-menu .current-menu-item > a {
  color: #b8975a !important;
  border-bottom: 1px solid #b8975a;
}

/* ============================================
   ÍCONES — dourado
   ============================================ */

.elementor-icon i,
.elementor-icon svg,
.elementor-icon-box-icon i,
.elementor-icon-box-icon svg,
.elementor-icon-list-icon i,
.elementor-icon-list-icon svg,
.elementor-element .elementor-icon i,
.elementor-element .elementor-icon svg {
  color: #b8975a !important;
  fill: #b8975a !important;
}

/* ============================================
   IMAGENS — zoom hover suave
   ============================================ */

.elementor-widget-image img,
.elementor-image img,
.elementor-image-box-img img {
  transition: transform 0.6s ease, opacity 0.4s ease !important;
}

.elementor-widget-image:hover img,
.elementor-widget-image-box:hover .elementor-image-box-img img {
  transform: scale(1.04) !important;
  opacity: 0.9 !important;
}

.elementor-widget-image-box .elementor-image-box-img,
.elementor-widget-image {
  overflow: hidden;
}

/* ============================================
   FORMULÁRIOS
   ============================================ */

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="search"],
textarea, select {
  border-radius: 0 !important;
  border: 1px solid #cccccc !important;
  font-family: 'Jost', sans-serif !important;
  font-weight: 300 !important;
  transition: border-color 0.3s ease !important;
}

input:focus, textarea:focus, select:focus {
  border-color: #b8975a !important;
  outline: none !important;
  box-shadow: none !important;
}

input[type="submit"], button[type="submit"] {
  background-color: #111111 !important;
  color: #ffffff !important;
  border: 1px solid #111111 !important;
  border-radius: 0 !important;
  font-family: 'Jost', sans-serif !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: all 0.35s ease !important;
}

input[type="submit"]:hover, button[type="submit"]:hover {
  background-color: transparent !important;
  color: #111111 !important;
}

/* ============================================
   DIVISORES
   ============================================ */

.elementor-divider-separator {
  border-color: #cccccc !important;
  opacity: 0.5 !important;
}

/* ============================================
   FOOTER
   ============================================ */

.elementor-location-footer {
  background-color: #1a1a1a !important;
}

.elementor-location-footer .elementor-heading-title,
.elementor-location-footer h1,
.elementor-location-footer h2,
.elementor-location-footer h3 {
  color: #ffffff !important;
  font-family: 'Cormorant Garamond', serif !important;
  letter-spacing: 0.08em !important;
}

.elementor-location-footer p,
.elementor-location-footer .elementor-widget-text-editor,
.elementor-location-footer .elementor-widget-text-editor p,
.elementor-location-footer span,
.elementor-location-footer li {
  color: #aaaaaa !important;
  font-family: 'Jost', sans-serif !important;
  font-weight: 300 !important;
}

.elementor-location-footer a {
  color: #aaaaaa !important;
  transition: color 0.3s ease !important;
}

.elementor-location-footer a:hover {
  color: #b8975a !important;
}

.elementor-location-footer .elementor-icon i,
.elementor-location-footer .elementor-icon svg {
  color: #b8975a !important;
  fill: #b8975a !important;
}

/* ============================================
   REVOLUTION SLIDER — bullets dourados
   ============================================ */

.tp-bullet { transition: background-color 0.3s ease !important; }
.tp-bullet.selected, .tp-bullet:hover {
  background-color: #b8975a !important;
  border-color: #b8975a !important;
}

/* ============================================
   WHATSAPP BUTTON
   ============================================ */

.wp-whatsapp-chat a {
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.wp-whatsapp-chat a:hover {
  transform: scale(1.08) !important;
  box-shadow: 0 6px 24px rgba(37,211,102,0.45) !important;
}

/* ============================================
   HEADER — sombra suave ao rolar
   ============================================ */

.elementor-location-header {
  transition: box-shadow 0.3s ease !important;
}

/* ============================================
   ICON BOX — texto
   ============================================ */

.elementor-icon-box-title,
.elementor-icon-box-title a,
.elementor-widget-icon-box .elementor-icon-box-title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.03em !important;
}

.elementor-icon-box-description {
  font-family: 'Jost', sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  color: #555555 !important;
}