/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

body {
  /* border: 10px solid red !important; */
}

.single-post .site-main,
.single-product .site-main {
  background: linear-gradient(
    var(--theme-palette-color-5),
    var(--theme-palette-color-8)
  );
}

/* .single-product .site-main::after {
  content: "";
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  background-image: url("http://eebauweb.local/wp-content/uploads/2024/12/pattern-lines-1.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  pointer-events: none;
} */

.hero-section-ee {
  box-shadow: inset 0 110px var(--theme-palette-color-5);
}

.header-cta-btn {
  /* border: 5px solid red !important; */
  /* background-image: url("img/arrow-right-up-line.svg") !important;
  background-repeat: no-repeat;
  background-position: right center; */
}

.footer-wdgt-0 {
  /* background: red !important; */
}

.footer-wdgt-0 .wp-block-separator {
  margin-top: 16px;
  margin-bottom: 16px;
  background: transparent;
}
.footer-wdgt-0 p {
  margin: 0 !important;
}

.visible-none {
  visibility: hidden !important;
}

/* featured posts */
.home-featured-post {
}

.home-featured-post .featured-image {
  transition: all 0.2s ease-out;
}
.home-featured-post .featured-image img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  height: 324px;
  transition: all 0.2s ease-out;
}

.home-featured-post .title-area {
  padding: 32px;
}
.home-featured-post .title-area h2 {
  margin: 0;
}
.home-featured-post .title-area h2 a {
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  color: var(--e-global-color-blocksy_palette_4);

  transition: all 0.2s ease-out;
}
.home-featured-post .title-area p {
  padding: 18px 0 32px 0;
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 23px;
  color: var(--e-global-color-blocksy_palette_4);

  transition: all 0.2s ease-out;
}

.home-featured-post .title-area .read-more-btn {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: var(--e-global-color-blocksy_palette_4);
  transition: all 0.2s ease-out;
}

.home-featured-post:hover .title-area .read-more-btn,
.home-featured-post:hover .title-area h2 a {
  color: var(--e-global-color-blocksy_palette_1);
}

.fw-btn .elementor-button-wrapper {
  width: 100%;
  /* text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex; */
}

.entry-header {
  background-color: transparent !important;
}

.elementor-button-icon {
  /* background: red !important; */
  position: relative;
  width: 32px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.elementor-button-icon svg {
  width: 24px !important;
  /* position: absolute !important; */
  /* right: 16px !important; */
}

.fw-btn .elementor-button-wrapper .elementor-button {
  width: 100%;
  display: flex;
  margin-right: auto;
}

.fw-btn
  .elementor-button-wrapper
  .elementor-button
  .elementor-button-content-wrapper {
  width: 100%;
  justify-content: space-between;
}

.testimonial-section {
  &::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    /* background: #23456780; */
    background-color: transparent;
    background-image: url("http://eebauweb.local/wp-content/uploads/2024/12/pattern-lines-1.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    pointer-events: none;
  }
}

.counter-section {
  &::after {
    /* content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    background-color: transparent;
    background-image: url("http://eebauweb.local/wp-content/uploads/2024/12/pattern-lines-1-alt.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    pointer-events: none; */
  }
}

.item-why .elementor-icon {
}

.item-why.elementor-icon svg {
  transition: all 0.5s ease;
}
.item-why:hover .elementor-icon svg {
  fill: var(--e-global-color-blocksy_palette_4) !important;
}

.”home-products” {
}

.”home-products” .ct-woo-card-actions {
  width: 100%;
  justify-content: flex-start;
}

.”home-products” .button {
  padding-left: 0;
  text-align: left;
  text-transform: none;
  width: 100%;
  justify-content: flex-start;
  font-size: 16px;
  line-height: 24px;
  transition: all 0.2s ease-out;
}

[data-column="widget-area-2"] strong {
  opacity: 0.6;
}

[data-column="widget-area-2"] p {
  font-size: 20px;
  line-hright: 32px;
  font-weight: 400;
}

[data-column="widget-area-2"] a {
  font-size: 20px;
  line-hright: 32px;
  font-weight: 400;
}

/* simple footer menu */

.simple-footer-menu {
}
.simple-footer-menu {
  list-style: none;
  padding: 0;
}

.simple-footer-menu li {
  margin: 5px 0;
}

.simple-footer-menu li a {
  display: flex;
  width: 100%;
  text-decoration: none;
  color: var(--e-global-color-blocksy_palette_8);
  transition: all 0.2s ease-out;
  font-size: 20px;
  line-hright: 32px;
  font-weight: 400;
}

.simple-footer-menu li:hover a {
  color: var(--e-global-color-blocksy_palette_1);
}

[data-column="widget-area-3"],
[data-column="widget-area-4"],
[data-column="widget-area-5"] {
  padding: 0 32px;
  margin: 0;
}

[data-column="widget-area-3"] p,
[data-column="widget-area-4"] p,
[data-column="widget-area-5"] p {
  display: none;
}

#bau-products {
  /* border: 10px solid blue !important; */
}

.”bau-products” {
}

.”bau-products” .product {
  box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.1);
}

.”bau-products” .product .woocommerce-loop-product__title {
  width: 100%;
  padding: 24px 24px 0 24px;
}

.”bau-products” .product .entry-excerpt {
  padding: 0 24px;
  width: 100%;
}

.”bau-products” .ct-woo-card-actions {
  width: 100%;
  justify-content: flex-start;
  padding: 0 24px 24px 24px;
}

.”bau-products” .button {
  padding-left: 0;
  text-align: left;
  text-transform: none;
  width: 100%;
  justify-content: flex-start;
  font-size: 16px;
  line-height: 24px;
  transition: all 0.2s ease-out;
}

.ee-category-menu {
  /* border: 10px solid pink !important; */
}

.ee-category-menu {
  padding: 0px;
  list-style: none;
}

.ee-category-menu li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding: 0px;
  display: flex;
  width: 100%;
  height: 100%;
}

.ee-category-menu li a {
  color: var(--e-global-color-blocksy_palette_4);
  text-decoration: none;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  width: 100%;
  height: 100%;
  padding: 20px;
}

.ee-category-menu li a:hover {
  text-decoration: none;
}

/* woo edit */

.woocommerce-tabs {
  /* Styles for the entire tabs section */
  /* background: red; */
}
/* 1. Wrapper za tabove: */

.woocommerce-tabs .wc-tabs {
  /* Styles for the tab list (ul element) */
}
/* 2. Lista tabova (naslovi): */
.woocommerce-tabs .wc-tabs li {
  /* Styles for individual tab items */
}

.woocommerce-tabs .wc-tabs li a {
  /* Styles for the tab links */
}

.woocommerce-tabs .wc-tabs li.active a {
  /* Styles for the active tab */
}

/* . Aktivni tab: */
.woocommerce-tabs .wc-tabs li.active a {
  /* Styles for the active tab */
}

/* 4. Sadržaj tabova: */
.woocommerce-Tabs-panel {
  /* Styles for the content panels */
}

.woocommerce-Tabs-panel h2 {
  /* Styles for the content headings */
}

.woocommerce-Tabs-panel p {
  /* Styles for paragraphs inside tabs */
}

/* 5. Specifični tabovi (Description i Additional Information): */
/* Description tab */
#tab-description {
  /* Styles for the Description tab content */
}

#tab-description .entry-content ul li::before,
#tab-description .entry-content ol li::before {
  content: "";
  display: inline-block;
  width: 8px; /* Veličina kvadrata */
  height: 8px;
  background-color: var(--e-global-color-blocksy_palette_1);
  margin-right: 10px;
  transform: rotate(0); /* Nema rotacije, pravi kvadrat */
  border-radius: 0; /* Uklanja zaobljenja */
}

/* Uklanjanje originalnog markera */
#tab-description .entry-content ul,
#tab-description .entry-content ol {
  list-style: none;
}

/* Additional Information tab */
#tab-additional_information {
  /* Styles for the Additional Information tab content */
}

#tab-additional_information .woocommerce-Tabs-panel table {
  border-collapse: collapse; /* Osigurava da se ćelije spoje bez prostora između */
  border: none;
}

#tab-additional_information table th,
#tab-additional_information table,
#tab-additional_information table td {
  border-width: 0 !important;
}

#contact-tab-button {
  background-color: var(--e-global-color-blocksy_palette_1);
  color: white;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
}

#contact-tab-button:hover {
  background-color: var(--e-global-color-blocksy_palette_2);
}

.product-detail-form {
}

.product-detail-form input[name="wpforms[fields][3]"] {
  display: none !important;
}

.product_type_simple {
  padding-left: 0 !important;
}