/* ht-origin-bridge: map Shopify look onto Elementor/Woodmart clone markup */
@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap");

html, body {
  background: var(--dt-white, #fff) !important;
  color: var(--dt-night, #121212) !important;
  font-family: Inter, var(--font-body--family, sans-serif) !important;
}

/* Unhide Elementor (JS animation often never runs in iframe) */
.elementor-invisible,
.elementor-widget,
.e-con,
.elementor-section {
  visibility: visible !important;
  opacity: 1 !important;
}

h1, h2, h3, .elementor-heading-title {
  font-family: Archivo, var(--font-heading--family, sans-serif) !important;
  color: var(--dt-night, #121212);
  letter-spacing: 0.02em;
}

p, .elementor-widget-text-editor,
.elementor-icon-list-text {
  font-family: Inter, sans-serif !important;
  color: var(--dt-quiet, #5c5c5c);
}

a {
  color: var(--dt-burnt-umber, #693022);
}
a:hover {
  color: var(--dt-sinopia, #C74A27);
}

/* Buttons → origin night / sinopia */
.elementor-button,
.elementor-button-wrapper .elementor-button,
a.elementor-button,
.button,
.wd-button,
button.elementor-button {
  background: var(--dt-night, #121212) !important;
  color: var(--dt-white, #fff) !important;
  border-radius: var(--dt-radius, 6px) !important;
  border: none !important;
  font-family: Inter, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.elementor-button:hover,
a.elementor-button:hover {
  background: var(--dt-sinopia, #C74A27) !important;
  color: #fff !important;
}

/* Header / nav */
.whb-header,
.whb-main-header,
.wd-header,
.whb-general-header {
  background: #fff !important;
  color: var(--dt-night, #121212) !important;
}
.wd-nav a,
.wd-header-nav a,
.elementor-nav-menu a {
  color: var(--dt-night, #121212) !important;
  font-family: Inter, sans-serif !important;
  font-weight: 500;
}
.wd-nav a:hover,
.elementor-nav-menu a:hover {
  color: var(--dt-sinopia, #C74A27) !important;
}

.wd-header-logo img,
.elementor-widget-theme-site-logo img,
.custom-logo {
  max-height: 48px !important;
  width: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Sections / containers */
.e-con.e-parent,
.elementor-section.elementor-top-section {
  max-width: 100%;
}
.elementor-section-boxed > .elementor-container,
.e-con-boxed {
  max-width: var(--dt-content-max, 1192px);
}

img, video {
  max-width: 100%;
  height: auto;
  border-radius: var(--dt-radius, 6px);
}

/* Soft section banding similar to origin */
.elementor-section:nth-of-type(even),
.e-con.e-parent:nth-of-type(even) {
  /* keep subtle — don't force all even sections */
}

/* Footer */
footer,
.wd-footer,
.elementor-location-footer {
  background: var(--dt-night, #121212) !important;
  color: rgba(255,255,255,.85) !important;
}
footer a,
.wd-footer a {
  color: rgba(255,255,255,.85) !important;
}
footer a:hover {
  color: var(--dt-blonde-wood, #ECDFCC) !important;
}

/* Accent color for icons / highlights */
.elementor-icon,
.elementor-view-stacked .elementor-icon {
  color: var(--dt-sinopia, #C74A27);
}

/* Content width rhythm */
.wd-page-content,
.main-page-wrapper,
.site-content {
  background: #fff;
}

/* Price / product accents */
.price,
.woocommerce-Price-amount,
.wd-entities-title a {
  color: var(--dt-night, #121212) !important;
}