/**
 * Delcon site nav/footer on WooCommerce pages (matches Elementor HTML widgets on other pages).
 */

:root {
  --delcon-teal: #008080;
  --delcon-logo-max-width: 250px;
  --delcon-logo-max-height: 38px;
}

body.delcon-wc-has-site-chrome #site-header,
body.delcon-wc-has-site-chrome #site-footer.site-footer {
    display: none !important;
}

/* Elementor HTML widget already embeds nav/footer — avoid duplicates on /products/. */
body.delcon-has-custom-products-catalog:has(.delcon-page-wrap .delcon-site-chrome-nav) nav.delcon-theme-chrome-nav,
body.delcon-has-custom-products-catalog:has(.delcon-page-wrap .delcon-site-chrome-nav) footer.delcon-theme-chrome-footer {
    display: none !important;
}

body.delcon-wc-has-site-chrome .bg-teal-delcon {
  background-color: var(--delcon-teal) !important;
}

body.delcon-wc-has-site-chrome .text-teal-delcon {
  color: var(--delcon-teal) !important;
}

body.delcon-wc-has-site-chrome .hover\:text-teal-delcon:hover {
  color: var(--delcon-teal) !important;
}

body.delcon-wc-has-site-chrome .border-teal-delcon {
  border-color: var(--delcon-teal) !important;
}

body.delcon-wc-has-site-chrome a.delcon-nav-logo-wrap {
  line-height: 0;
  display: inline-flex !important;
  align-items: center !important;
  flex-shrink: 0;
}

body.delcon-wc-has-site-chrome .delcon-nav-logo {
  width: auto !important;
  max-width: var(--delcon-logo-max-width) !important;
  height: auto !important;
  max-height: var(--delcon-logo-max-height) !important;
  display: block !important;
  object-fit: contain !important;
  object-position: left center;
}

body.delcon-wc-has-site-chrome .delcon-icon-center {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  vertical-align: middle;
}

body.delcon-wc-has-site-chrome .delcon-btn-order-products {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.42rem 0.9rem;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1.2;
  color: #fff !important;
  text-decoration: none;
  background-color: var(--delcon-teal);
  border: 2px solid var(--delcon-teal);
  border-radius: 8px;
  box-shadow: none;
  white-space: nowrap;
  flex-shrink: 0;
  isolation: isolate;
  transition: filter 0.15s ease;
}

body.delcon-wc-has-site-chrome .delcon-btn-order-products::before {
  content: "";
  position: absolute;
  inset: 3px;
  border: 1.5px solid #fff;
  border-radius: 5px;
  pointer-events: none;
  z-index: 1;
}

body.delcon-wc-has-site-chrome .delcon-btn-order-products:hover {
  filter: brightness(1.06);
  color: #fff !important;
}

body.delcon-wc-has-site-chrome .delcon-btn-order-products--mobile {
  font-size: 12px;
  padding: 0.52rem 0.95rem;
}

body.delcon-wc-has-site-chrome .delcon-site-chrome-nav {
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

body.delcon-wc-has-site-chrome .delcon-site-chrome-footer {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

body.delcon-wc-has-site-chrome .delcon-site-chrome-footer {
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  margin-top: 2rem;
}

body.single-product.delcon-wc-has-site-chrome .delcon-wc-product-shell {
  margin-top: 0;
}