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




.price {
    font-family: "Playfair Display", sans-serif !important;
	font-weight: 700;
}

.ct-cart-actions .quantity {
  background-color: #ffffff;
  border-radius: 100px;
}

.single_add_to_cart_button, .entry-summary .ct-cart-actions .added_to_cart {
	border-radius: 100px !important;
	font-family: "Playfair Display", sans-serif !important;
	font-size: 20px !important;
}



.quantity[data-type="type-2"] input[type="number"] {
  border-width: 0 !important;
	color: #B19062 !important;
}



.entry-summary-items > .woocommerce-product-details__short-description {
  color: #ECDCBE;
}


/* vmesni slashi v footer menijih */
/* === Slashi v meniju – absolutno poravnani v vrstico === */
/* === Horizontalni meni s slashi === */

/* glavni UL naj bo flex v vrstici */
#menu-vrh-2,
#menu-pogoji {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center; /* ali flex-start, če želiš levo poravnavo */
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* posamezni LI naj bodo inline */
#menu-vrh-2 li,
#menu-pogoji li {
  display: inline-flex !important;
  align-items: center;
  margin: 0;
  padding: 0;
}

/* doda / samo med elemente */
#menu-vrh-2 li:not(:last-child)::after,
#menu-pogoji li:not(:last-child)::after {
  content: "/";
  color: #B19062;
  margin: 0 10px;
  display: inline-block;
  line-height: 1;
  font-weight: 400;
}

/* odstrani morebitne presledke pod / */
#menu-vrh-1 li a,
#menu-pogoji li a {
  text-decoration: none;
}

/* =========================
   MOBILE – odstrani / + navaden layout
   ========================= */
@media (max-width: 768px) {

  /* odstrani / na mobitelu */
  #menu-vrh-2 li::after,
  #menu-pogoji li::after {
    content: "" !important;
    margin: 0 !important;
  }

  /* navaden mobile menu izgled */
  #menu-vrh-2,
  #menu-pogoji {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 5px !important;
  }

  #menu-vrh-2 li,
  #menu-pogoji li {
    display: block !important;
    padding: 0 !important;
	line-height: 1em;
  }
}



/* presledek med galerijo in vsebino na izdelku */

@media (min-width: 1000px) {
  .ct-default-gallery .entry-summary, .ct-stacked-gallery .entry-summary {
    margin-inline-start: 100px !important;
  }
}


/* galerija fade */


.ct-media-container::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 5;

    background:
        radial-gradient(circle at center, transparent 80%, rgba(1,1,1,0.4) 92%, #010101 100%),
        linear-gradient(to right, #010101 0%, transparent 5%, transparent 95%, #010101 100%),
        linear-gradient(to bottom, #010101 0%, transparent 5%, transparent 95%, #010101 100%);
}



/* uvodna stran */

.renderji_uvodna img {
	background-color: #ECDCBE;
	border-radius: 100px;
}






/* === Checkout Progress Steps — UMA Premium === */

.checkout-progress ul {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 60px;
  margin: 0;
  padding: 0;
}

.checkout-progress li.step {
  text-align: center;
  position: relative;
  font-size: 16px;
  color: #ECDCBE;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}

/* — Številka v krogu — */
.checkout-progress .step-number {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #ECDCBE;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
  color: #B19062;
  transition: 0.3s ease;
}

/* — Label pod številko — */
.checkout-progress .step-label {
  display: block;
  margin-top: 4px;
}

/* povezovalna črta */
.checkout-progress li.step::before {
  content: '';
  position: absolute;
  top: 22px;
  left: -55px;
  width: 55px;
  height: 3px;
  background: #ECDCBE;
}

.checkout-progress li.step:first-child::before {
  display: none;
}

/* — Aktivni korak — */
.checkout-progress li.step.active .step-number {
  background: #B19062;
  color: white;
  transform: scale(1.1);
}

.checkout-progress li.step.active .step-label {
  color: #B19062;
  font-weight: 600;
}

/* — Narejeni koraki — */
.checkout-progress li.step.done .step-number {
  background: #ECDCBE;
  color: #B19062;
  opacity: 0.8;
}

.checkout-progress li.step.done .step-label {
  color: #B19062;
}

/* — Hover (optional UMA magic) — */
.checkout-progress li.step:hover .step-number {
  transform: scale(1.12);
}


/* — gumb zaključi nakup — */

#place_order {
	background-color: #B19062 !important;
	border-radius: 30px !important;
	height: 50px !important;
}

#place_order:hover {
	background-color: #3b3020 !important;
}

.woocommerce-checkout-payment .place-order .woocommerce-terms-and-conditions-wrapper a {
  color: #ECDCBE !important;
}

.woocommerce-checkout-payment .place-order .woocommerce-terms-and-conditions-wrapper a:hover {
  color: #B19062 !important;
}

.ct-swatch-container .ct-swatch {
  background-color: #ECDCBE;
}


/* === slike izdelkov na zaključku nakupa === */

.uma-checkout-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 8px 0;
}

.uma-checkout-thumb img {
    display: block;
}

.uma-checkout-text {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
}

.uma-checkout-title {
    font-weight: 600;
    font-size: 15px;
    color: #ECDCBE;
}

/* naslovi tabov na izdelku */

.yikes-custom-woo-tab-title {
	display: none;
}



/* Atribut – izbrana vrednost v bold */
.variations_form th.label label span {
    font-weight: 700 !important;
}




/* poravna ikonco v gumbu */
.single-product .single_add_to_cart_button .cart-icon-inline {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('https://after-light.webtim.dev/wp-content/uploads/2025/11/cart_w.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 8px; /* razmik od besedila */
    vertical-align: middle;
}


.kt-block-spacer .kt-divider {
  border-top: none !important;
}


/* 🔥 Povečan in stiliziran gumb "Prebrskaj" za upload */
.zamasek-upload-wrap input[type="file"] {
    font-size: 18px;
}


.zamasek-upload-wrap input[type="file"]::file-selector-button {
    font-size: 18px;
    padding: 8px 20px;
    background: #fff;
    color: #181818;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}


.zamasek-upload-wrap input[type="file"]::file-selector-button:hover {
    background: #ECDCBE;
}





/* tab sekcija obroba spodaj */

/* Zadnji tab v Woo tabs naj dobi še bottom border */
.product[class*="gallery"] .entry-summary-items > :last-child {
    border-bottom: 1px solid rgba(237, 221, 192, 0.25);
}


/* Header – flex samo za tekst, SVG pa damo na absolute */
.woocommerce-tabs .ct-accordion-heading {
    position: relative;
    overflow: visible !important;
    padding-right: 26px !important; /* prostor za puščico */
}

/* SVG kot absolute ikona na desni strani */
.woocommerce-tabs .ct-accordion-heading svg {
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) rotate(0deg) !important;
    width: 18px !important;
    height: 18px !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none;
    transition: transform 0.25s ease;
}

/* Obrni puščico ko je tab odprt */
.woocommerce-tabs .ct-accordion-heading[aria-expanded="true"] svg {
    transform: translateY(-50%) rotate(180deg) !important;
}

.woocommerce-tabs .ct-accordion-heading {
    padding-right: 26px !important;
    overflow: visible !important;
}


.kb-form .kadence-blocks-form-field .kb-text-style-field {
	padding: 10px 20px !important;
}



.ct-swatch-container[data-value="svoja-grafika"] .ct-tooltip {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    position: static !important;
    display: block;
	height: 28px;
    padding: 0 10px;
    font-size: 12px;
	line-height: 22px;
    text-align: center;
	position: absolute;
}
.ct-swatch-container[data-value="svoja-grafika"] {
    position: relative;
}

.ct-swatch-container[data-value="svoja-grafika"] .ct-tooltip {
    position: absolute !important;
    bottom: 100%;
    left: 50%;
    transform: translate(-50%, -10px) !important;
}