/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.0.1.1713432304
Updated: 2024-04-18 11:25:04

*/

.gform-theme--framework .gf_step_label {
	font-size: 15px !important;
}

.gfield_required, .gfield_description, .instruction {
	display: none !important;
}

/* =========================
   Woo Product Tabs – finalni CSS (čisto, bez sjene)
   ========================= */
:root {
  --tab-active-bg: #006ff4;
  --tab-active-color: #ffffff;
  --tab-inactive-bg: #F7F7F7;
  --tab-inactive-color: #C2C2C2;
  --tab-border: #e5e7eb;
}

/* Kontejner tabova */
.woocommerce div.product .woocommerce-tabs ul.tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 18px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent;
}

/* Ukloni sve pseudo-elemente i pozadinske kvadrate */
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
  content: none !important;
  display: none !important;
}

/* Reset taba */
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Link kao “pill” gumb */
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  display: inline-block;
  padding: 10px 18px;
  border-radius: 9999px;
  background: var(--tab-inactive-bg);
  color: var(--tab-inactive-color);
  border: none;
  text-decoration: none !important;
  font-weight: 600;
  font-size: 15px;
  line-height: 1;
  transition: all 0.2s ease-in-out;
  position: relative;
  z-index: 2;
  box-shadow: none !important;
}

/* Hover efekt */
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
  background: var(--tab-active-bg);
  color: var(--tab-active-color);
}

/* Aktivni tab – bez sjene */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li.current a {
  background: var(--tab-active-bg) !important;
  color: var(--tab-active-color) !important;
  border: none !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Panel */
.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce-Tabs-panel {
  background: #fff;
  border: 1px solid var(--tab-border);
  border-radius: 16px;
  padding: 22px 22px 14px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
}

/* Makni H2 naslov unutar aktivnog taba (npr. “Opis”) */
.woocommerce div.product .woocommerce-tabs .panel h2 {
  display: none !important;
}

/* =========================
   Tablica u “Dodatne informacije”
   ========================= */
.woocommerce table.shop_attributes {
  width: 100%;
  border: 1px solid #ececec;
  border-radius: 12px;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  font-size: 15px;
}

.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td {
  border: 0 !important;
}

.woocommerce table.shop_attributes th {
  width: 28%;
  background: #F7F7F7;
  color: #374151;
  font-weight: 600;
  padding: 14px 16px;
  border-right: 1px solid #ececec;
}

.woocommerce table.shop_attributes td {
  color: #374151;
  padding: 14px 16px;
}

.woocommerce table.shop_attributes tr:nth-child(even) td {
  background: #FAFAFA;
}

.woocommerce table.shop_attributes tr + tr th,
.woocommerce table.shop_attributes tr + tr td {
  border-top: 1px dashed #e9e9e9;
}

.woocommerce table.shop_attributes tr:hover td,
.woocommerce table.shop_attributes tr:hover th {
  background: #f5f8ff;
}

@media (max-width: 640px) {
  .woocommerce table.shop_attributes th,
  .woocommerce table.shop_attributes td {
    display: block;
    width: 100%;
    border-right: 0;
    padding: 12px 14px;
  }
  .woocommerce table.shop_attributes tr + tr th {
    border-top: 1px solid #eee;
  }
}