/*
 Theme Name:   XStore Child
 Theme URI:    http://8theme.com/
 Description:  XStore Child Theme
 Author:       8theme
 Author URI:   http://8theme.com
 Template:     xstore
 Version:      1.0
 Text Domain:  xstore-child
*/


/* === XSTORE ZNAČKE NA SLIKI === */

/* “Novo” – levo zgoraj */
.product .product-labels .new,
.product .product-labels .new-label,
.product .product-labels [class*="new"] {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  right: auto !important;
  z-index: 6;
}

/* “Akcija” – desno zgoraj */
.product .onsale,
.product .product-labels .onsale,
.content-product .onsale,
.product-item .onsale,
.product-grid .onsale,
.et_product-block .onsale {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  left: auto !important;
  z-index: 6;
}

/* zagotovimo, da je image container relative */
.product .product-thumbnail,
.product .product-image,
.product .product-element-top,
.content-product .product-thumbnail,
.product-wrapper .product-element-top,
.product-grid .product-image {
  position: relative;
}

/* === BADGES POD CENO === */
.pp-badges-line {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}

.pp-chip {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  border-radius: 999px;
  letter-spacing: .3px;
  text-transform: uppercase;
  white-space: nowrap;
}

/* barve */
.pp-badge-free { background: #4caf50; color:#fff; }
.pp-badge-preorder { background:#1976d2; color:#fff; }

/* === SHORTCODE BADGE NA SINGLE === */
.pp-free-shipping-badge {
  display:inline-flex;align-items:center;
  background:#4caf50;color:#fff;
  font-size:12px;font-weight:700;line-height:1;
  padding:8px 12px;border-radius:6px;
  letter-spacing:.4px;text-transform:uppercase;
  white-space:nowrap;margin:6px 0;
}




/* ===== Osnova: značka NI NA ZALOGI ===== */
/* Osnova za pozicioniranje */
.woocommerce ul.products li.product,
.single-product .product,
.etheme-product,
.product-grid,
.product-content {
  position: relative;
}

/* Značka */
.pp-badge.pp-badge--oos {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 5;
  display: inline-block;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1;
  background: #ff0505;       /* po želji: #ff0505 */
  color: #fff;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: .02em;
  font-weight: 600;
}

/* Badge stil */
.pp-free-shipping-badge {
  display:inline-flex;
  align-items:center;
  background:#4caf50;
  color:#fff;
  font-size:10px;
  font-weight:700;
  line-height:1;
  padding:4px 8px;
  border-radius:4px;
  letter-spacing:.4px;
  text-transform:uppercase;
  white-space:nowrap;
  z-index:3;
}
/* Overlay pozicija na sliki */
.pp-badge-on-image { position:absolute; top:10px; left:10px; }
/* Za vsak primer – naj bo wrapper relativen */
.product .product-thumbnail,
.product .product-image,
.product .product-element-top,
.content-product .product-thumbnail,
.product-wrapper .product-element-top,
.product-grid .product-image { position:relative; }
/* Če obstaja .product-labels, naj se badge lepo zloži */
.product-labels .pp-badge-on-image { margin-right:6px; }

/* ===========================
   FREE SHIPPING BADGE = SALE-MATCHED
   =========================== */

/* enak “chip” kot XStore SALE: velikost, teža, zaobljenost, uppercase */
.product-labels .pp-free-shipping-badge {
  display: inline-flex;
  align-items: center;
  line-height: 1;               /* kot SALE */
  font-weight: 600;             /* kot SALE */
  font-size: 11px;              /* kot SALE (privzeto XStore) */
  text-transform: uppercase;    /* kot SALE */
  letter-spacing: .4px;         /* kot SALE */
  padding: 10px 4px;            /* enaka višina/debelina kot SALE */
  border-radius: 4px;           /* kot SALE */
  background: #4caf50;          /* zelena za free badge */
  color: #fff;
  white-space: nowrap;
  z-index: 3;
}

/* položaj v overlay-u na sliki (isti kot pri ostalih XStore labelah) */
.pp-badge-on-image {
  position: absolute;
  top: 10px;
  left: 10px;
}

/* če je več label (SALE, NEW...), naj se lepo zlagajo v vrstici */
.product-labels .pp-badge-on-image { margin-right: 2px; }

/* skrij badge na single product strani */
.single-product .pp-free-shipping-badge.pp-badge-on-image {
  display: none !important;
}

/* za vsak primer: zagotovi relativno pozicioniranje image wrapperja,
   da overlay (product-labels) stoji pravilno v vseh karticah */
.product .product-thumbnail,
.product .product-image,
.product .product-element-top,
.content-product .product-thumbnail,
.product-wrapper .product-element-top,
.product-grid .product-image {
  position: relative;
}




/* === Glavni wrapper za vaša cena in redna cena === */
.primoss-price-wrapper {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/* Vrstica: napis + cena v eni liniji */
.primoss-price {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: 4px;
    row-gap: 2px;
}

/* Napis "Redna cena:" / "Vaša cena:" */
.primoss-price-label {
    font-size: 14px;
    color: #707070;
    font-weight: 500;
    line-height: 1.3;
}

/* Trenutna cena (Vaša cena ali redna, ko ni akcije) */
.primoss-price-amount {
    font-size: 17px;
    color: #ff8215;
    font-weight: 600;
    line-height: 1.3;
	font-weight: 700;
}

/* PREČRTANA REDNA CENA pri akciji */
.primoss-price-old .primoss-price-amount {
    text-decoration: line-through;
    opacity: 0.9;
    color: #707070;   /* ista barva kot napis */
    font-size: 15px;  /* manjša, kot si želel */
}

/* Za vsak slučaj override nekaterih Woo / XStore stilov */
.primoss-price-wrapper .price,
.primoss-price-wrapper del,
.primoss-price-wrapper ins {
    font-size: inherit;
    color: inherit;
}

/* Mobilna prilagoditev */
@media (max-width: 480px) {
    .primoss-price {
        column-gap: 3px;
    }

    .primoss-price-label {
        font-size: 13px;
    }

    .primoss-price-amount {
        font-size: 15px;
		font-weight: 700;
    }

    /* Prečrtana cena ostane lepo berljiva tudi na mobilniku */
    .primoss-price-old .primoss-price-amount {
        font-size: 13px;
    }
}