@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600&family=Roboto:wght@400;500;600;700&display=swap");

/* Trinidad storefront defaults. Editorial content and styling belong to the
 * native Header_trinidad, Home_trinidad and Footer_trinidad Avanam layouts.
 * Do not target generated Elementor IDs or hide/replace builder content. */
:root {
  --palette1: #ed6a26;
  --palette2: #000000;
  --palette3: #18181b;
  --palette4: #c0c0c7;
  --palette5: #a4a4aa;
  --palette6: #85858d;
  --palette7: #242428;
  --palette8: #18181b;
  --palette9: #ffffff;
  --palette10: #ed6a26;
  --palette11: #000000;
  --body-font-family: "Roboto", sans-serif;
  --heading-font-family: "Playfair Display", serif;
  --color-border: #3a3a40;
}
body { font-family: var(--body-font-family); }
body:not(#checkout),
body:not(#checkout) #wrapper {
  background: #18181b;
  color: #c0c0c7;
}
:where(body:not(#checkout)) :where(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) {
  color: #fff;
  font-family: var(--heading-font-family);
  font-weight: 500;
  text-transform: none;
}
#header, #footer { background: #000; color: #c0c0c7; }
/* The parent measures this before fonts/images settle; let editable rows size it. */
#header { height: auto !important; border-bottom: 1px solid #28282d; }
#footer { border-top: 1px solid #2f2f34; }
body#index #wrapper { padding-top: 0; }

.elementor-widget-heading .elementor-heading-title { text-transform: none; }
@media (max-width: 767px) {
  .trinidad-header-tools { order: 1; }
  .trinidad-header-nav { order: 2; }
}

/* Shared components on the dark Trinidad surface. */
.btn-primary:not(.elementor-button),
button.btn-primary:not(.elementor-button),
input.btn-primary:not(.elementor-button),
.product-actions .add-to-cart,
.cart-content-btn .btn-primary {
  background-color: #ed6a26 !important;
  border-color: #ed6a26 !important;
  color: #ffffff !important;
}

.btn-primary:not(.elementor-button):hover,
.btn-primary:not(.elementor-button):focus,
button.btn-primary:not(.elementor-button):hover,
button.btn-primary:not(.elementor-button):focus,
.product-actions .add-to-cart:hover,
.product-actions .add-to-cart:focus {
  background-color: #f27c42 !important;
  border-color: #f27c42 !important;
  color: #ffffff !important;
}

body:not(#checkout) .card,
body:not(#checkout) .card-block,
body:not(#checkout) .block-categories,
body:not(#checkout) #search_filters,
body:not(#checkout) #search_filters_brands,
body:not(#checkout) #search_filters_suppliers,
body:not(#checkout) .tabs,
body:not(#checkout) .product-comment-list-item {
  background: #242428 !important;
  border-color: #3a3a40 !important;
  color: #c0c0c7;
}

body:not(#checkout) .block-categories a,
body:not(#checkout) .block-categories .category-sub-menu a,
body:not(#checkout) #search_filters .facet-title,
body:not(#checkout) #search_filters label,
body:not(#checkout) #search_filters a,
body:not(#checkout) #search_filters_brands a,
body:not(#checkout) #search_filters_suppliers a {
  color: #c0c0c7 !important;
}

body:not(#checkout) .block-categories a:hover,
body:not(#checkout) .block-categories a:focus,
body:not(#checkout) #search_filters a:hover,
body:not(#checkout) #search_filters a:focus {
  color: #ed6a26 !important;
}

body:not(#checkout) .product-miniature .thumbnail-container,
body:not(#checkout) .product-miniature .product-description,
body:not(#checkout) .product-miniature .product-description-short,
body:not(#checkout) .product-miniature .product-meta {
  background: #242428 !important;
  border-color: #3a3a40 !important;
}

body:not(#checkout) .product-miniature .product-title,
body:not(#checkout) .product-miniature .product-title a,
body:not(#checkout) .product-miniature .product-name,
body:not(#checkout) .product-miniature .product-name a {
  color: #ffffff !important;
  font-family: var(--heading-font-family) !important;
  font-weight: 500;
}

body:not(#checkout) .product-miniature .price,
body:not(#checkout) .product-miniature .product-price-and-shipping,
body:not(#checkout) .current-price,
body:not(#checkout) .product-price {
  color: #ed6a26 !important;
}

body:not(#checkout) .product-miniature img,
body:not(#checkout) .images-container .product-cover img,
body:not(#checkout) .subcategory-image a {
  background-color: #f2f0eb !important;
}

body:not(#checkout) .product-information,
body:not(#checkout) .product-description,
body:not(#checkout) .product-description p,
body:not(#checkout) .product-features,
body:not(#checkout) .product-features dt,
body:not(#checkout) .product-features dd,
body:not(#checkout) .product-additional-info,
body:not(#checkout) .tax-shipping-delivery-label,
body:not(#checkout) .blockreassurance_product,
body:not(#checkout) .blockreassurance_product .content,
body:not(#checkout) .blockreassurance_product .block-title,
body:not(#checkout) .blockreassurance_product p {
  color: #c0c0c7 !important;
}

body:not(#checkout) .tabs .nav-tabs .nav-link {
  color: #c0c0c7 !important;
}

body:not(#checkout) .tabs .nav-tabs .nav-link.active,
body:not(#checkout) .tabs .nav-tabs .nav-link:hover,
body:not(#checkout) .tabs .nav-tabs .nav-link:focus {
  color: #ed6a26 !important;
}

body:not(#checkout) input,
body:not(#checkout) textarea,
body:not(#checkout) select,
body:not(#checkout) .form-control {
  background-color: #242428;
  border-color: #3a3a40;
  color: #ffffff;
}

body:not(#checkout) a:not(.btn):hover,
body:not(#checkout) a:not(.btn):focus {
  color: #ed6a26;
}

#hero_section.hero-section {
  background-color: #111114 !important;
  background-image: none !important;
  border-bottom: 1px solid #2f2f34;
}


/* Keep editor controls usable; native widget settings determine their styles. */
body.elementor-editor-active .elementor-editor-element-settings {
  font-family: Arial, sans-serif;
}
/* Existing gallery preference; unrelated to the editable page layouts. */
.product-zoom-container,
.product-zoom-img { display: none !important; }