/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* ===================================================
   EKO-OKNA PRODUCT ACCESSORIES & SINGLE PRODUCT STYLES
   =================================================== */

/* Short Description Checkmark List */
.woocommerce-product-details__short-description .product-page-two-cols-right-list,
.elementor-widget-woocommerce-product-short-description .product-page-two-cols-right-list {
  list-style: none !important;
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
}

.woocommerce-product-details__short-description .product-page-two-cols-right-list li,
.elementor-widget-woocommerce-product-short-description .product-page-two-cols-right-list li {
  position: relative !important;
  padding-left: 28px !important;
  margin-bottom: 10px !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  color: #334155 !important;
}

.woocommerce-product-details__short-description .product-page-two-cols-right-list li .check-icon,
.elementor-widget-woocommerce-product-short-description .product-page-two-cols-right-list li .check-icon {
  position: absolute !important;
  left: 0 !important;
  top: 3px !important;
  width: 18px !important;
  height: 18px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23059669'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z' clip-rule='evenodd' /%3E") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  display: inline-block !important;
}

/* Category Tags */
.product-page-tags {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 16px 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.product-page-tags li span {
  display: inline-block !important;
  background: #f1f5f9 !important;
  color: #475569 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  padding: 4px 12px !important;
  border-radius: 20px !important;
  border: 1px solid #e2e8f0 !important;
}

/* Product Tip / Disclaimer */
.product-tip-default {
  margin-top: 28px !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  color: #94a3b8 !important;
}

/* ===================================================
   STRICT PRODUCT DETAIL ORDERING:
   1. Variation Dropdown
   2. Specifications / Bullets
   3. PDF Downloads Card
   4. Add to Quote Button (ALWAYS AFTER PDF)
   =================================================== */
.woocommerce-product-details__short-description,
.elementor-widget-woocommerce-product-short-description .elementor-widget-container {
  display: flex !important;
  flex-direction: column !important;
}

.eko-variation-select-wrapper {
  order: 1 !important;
}

.product-page-two-cols-right-list,
.eko-specifications-container,
.woocommerce-product-details__short-description > ul {
  order: 2 !important;
}

.eko-product-pdf-downloads {
  order: 3 !important;
  margin-top: 20px !important;
  margin-bottom: 8px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.eko-add-to-quote-wrapper {
  order: 4 !important;
  margin-top: 16px !important;
}

/* ===================================================
   DYNAMIC PRODUCT BREADCRUMBS (HERO BANNER & ABOVE IMAGE)
   =================================================== */
#breadcrumbs:empty {
  display: none !important;
}

.elementor-widget-breadcrumbs .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

/* 1. Hero Banner Breadcrumb */
.eko-custom-product-nav {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 6px 0 16px 0 !important;
  padding: 0 !important;
  font-family: inherit !important;
}

.home-banner .eko-bc-back-btn,
.eko-custom-product-nav .eko-bc-back-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  color: #ffffff !important;
  text-decoration: none !important;
  transition: transform 0.2s ease, color 0.2s ease !important;
  flex-shrink: 0 !important;
}

.eko-custom-product-nav .eko-bc-back-btn:hover {
  transform: translateX(-3px) !important;
  opacity: 0.85 !important;
}

.home-banner .eko-custom-breadcrumbs,
.eko-custom-product-nav .eko-custom-breadcrumbs {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: rgba(255, 255, 255, 0.85) !important;
  line-height: 1.4 !important;
}

.home-banner .eko-bc-link,
.eko-custom-product-nav .eko-bc-link {
  color: rgba(255, 255, 255, 0.85) !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
  display: inline-block !important;
  padding: 2px 0 !important;
}

.home-banner .eko-bc-link:hover,
.eko-custom-product-nav .eko-bc-link:hover {
  color: #ffffff !important;
  text-decoration: none !important;
}

.home-banner .eko-bc-sep,
.eko-custom-product-nav .eko-bc-sep {
  display: inline-block !important;
  padding: 0 14px !important;
  margin: 0 4px !important;
  color: rgba(255, 255, 255, 0.5) !important;
  font-weight: 300 !important;
}

/* 2. Position Above Product Image */
.eko-image-product-nav {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 0 24px 0 !important;
  padding: 0 !important;
  font-family: inherit !important;
  width: 100% !important;
}

.eko-image-product-nav .eko-bc-back-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  color: #0f172a !important;
  text-decoration: none !important;
  transition: transform 0.2s ease, color 0.2s ease !important;
  flex-shrink: 0 !important;
}

.eko-image-product-nav .eko-bc-back-btn:hover {
  color: #2563eb !important;
  transform: translateX(-3px) !important;
}

.eko-image-product-nav .eko-custom-breadcrumbs {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #64748b !important;
  line-height: 1.4 !important;
}

.eko-image-product-nav .eko-bc-link {
  color: #64748b !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
  display: inline-block !important;
  padding: 2px 0 !important;
}

.eko-image-product-nav .eko-bc-link:hover {
  color: #0f172a !important;
  text-decoration: none !important;
}

.eko-image-product-nav .eko-bc-sep {
  display: inline-block !important;
  padding: 0 14px !important;
  margin: 0 4px !important;
  color: #94a3b8 !important;
  font-weight: 300 !important;
  opacity: 0.8 !important;
}


/* PDF Download Icon */
.eko-pdf-dl-icon {
  width: 22px !important;
  height: 22px !important;
  stroke: currentColor !important;
  fill: none !important;
  flex-shrink: 0 !important;
  display: inline-block !important;
}


/* Hide elements with tem-hide class */
.tem-hide {
  display: none !important;
}