/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* -------------------------------------------------------------- */
/* BADGES by DMCreative.pro — transparent + responsive + one-line */

/* глобален гард: не дозволува page-level хоризонтален скрол */
html, body{ overflow-x:hidden; }

/* ---------- Глобални променливи ---------- */
:root{
  /* транспарентност */
  --badge-alpha: .70;         /* позадина (0…1) */
  --badge-border-alpha: .80;  /* бордер (0…1) */

  /* глобални стилови */
  --badge-color: #fff;                      /* боја на текст */
  --badge-weight: 400;                      /* дебелина (100–900) */
  --badge-size: 1px;                       /* референтна големина */
  --badge-font: 'Montserrat', sans-serif;   /* (исправен спелинг) */

  /* респонзивни размери */
  --badge-fz: clamp(11px, 1.1vw, var(--badge-size));
  --badge-pad-y: clamp(4px,0.8vw,6px);
  --badge-pad-x: clamp(8px,1.2vw,12px);
  --badge-radius: clamp(6px,1.2vw,8px);
  --badge-gap: clamp(6px,1.2vw,8px);
  --badge-offset: clamp(8px,1.6vw,16px);

  /* glass ефект */
  --glass-blur: 2px;
  --glass-sat: 120%;

}

/* Anchor околу сликата */
.badge-anchor{
  position:relative;
  overflow:hidden;
  border-radius:inherit;
}
.badge-anchor>.brxe-shortcode{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:2;
}

/* ЕДЕН РЕД, без да ја шири страницата; еднаков лев/десен раб */
.wc-badges-wrap{
  position:absolute;
  top:var(--badge-offset);
  left:var(--badge-offset);
  right:var(--badge-offset);

  display:flex;
  flex-direction:row;
  flex-wrap:wrap;              /* дозволи да преминуваат во втор ред */
  justify-content:flex-start;  /* секогаш почнуваат одлево */
  align-items:flex-start;
  gap:var(--badge-gap);

  box-sizing:border-box;
  padding-inline:0;            /* нема дополнителен padding */
  z-index:2;
}


/* Правоаголници (ПОПУСТ, ТАГ) – основа */
.wc-badge-rect{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:var(--badge-pad-y) var(--badge-pad-x);
  border-radius:var(--badge-radius);
  color:var(--badge-color);
  font:var(--badge-weight) var(--badge-fz)/1.2 var(--badge-font);
  text-transform:uppercase;
  margin:0;
  backdrop-filter:saturate(var(--glass-sat)) blur(var(--glass-blur));
  -webkit-backdrop-filter:saturate(var(--glass-sat)) blur(var(--glass-blur));
  flex:0 0 auto;               /* не се стега, не ја крева ширината на родителот */
}
.wc-badge-rect .rect-text{
  font-size:var(--badge-fz);
  letter-spacing:.3px;
  font-weight:var(--badge-weight);
  text-transform:uppercase;
  font-family:var(--badge-font);
  white-space:nowrap;          /* текстот да не прави втор ред */
}

/* ПОПУСТ */
.wc-badge-rect.badge-discount{
  background:rgba(221,84,44,var(--badge-alpha));
  border:1px solid rgba(221,84,44,var(--badge-border-alpha));
}

/* ТАГ default */
.wc-badge-rect.badge-tag{
  background:rgba(0,170,89,var(--badge-alpha));
  border:1px solid rgba(0,170,89,var(--badge-border-alpha));
}

/* Специјална промоција */
.wc-badge-rect.badge-tag.promo-special{
  background:rgba(0,175,240,var(--badge-alpha));
  border:1px solid rgba(0,175,240,var(--badge-border-alpha));
}

/* Месечни намалувања */
.wc-badge-rect.badge-tag.promo-monthly{
  background:rgba(222,85,44,var(--badge-alpha));
  border:1px solid rgba(222,85,44,var(--badge-border-alpha));
}

/* Експонати */
.wc-badge-rect.badge-tag.promo-expo{
  background:rgba(239,24,31,var(--badge-alpha));
  border:1px solid rgba(239,24,31,var(--badge-border-alpha));
}

/* Бесплатна монтажа – сива (#e1e1e1) */
.wc-badges-wrap .wc-badge-rect.badge-free-shipping,
.wc-badges-wrap .wc-badge-rect[aria-label="Бесплатна монтажа"]{
  background: rgba(225,225,225,var(--badge-alpha)) !important; /* #e1e1e1 */
  border: 1px solid rgba(225,225,225,var(--badge-border-alpha)) !important;
  color: #111 !important; /* контраст */
}

/* Опционален посебен */
.wc-badge-rect.badge-expo{
  background:rgba(17,24,39,var(--badge-alpha));
  border:1px solid rgba(17,24,39,var(--badge-border-alpha));
}

/* Кружни беџови (Новитет / Истакнато) */
.wc-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:var(--badge-pad-y) var(--badge-pad-x);
  border-radius:var(--badge-radius);
  font:var(--badge-weight) var(--badge-fz)/1.2 var(--badge-font);
  text-transform:uppercase;
  letter-spacing:.3px;
  margin:0;
  color:var(--badge-color);
  backdrop-filter:saturate(var(--glass-sat)) blur(var(--glass-blur));
  -webkit-backdrop-filter:saturate(var(--glass-sat)) blur(var(--glass-blur));
  border:1px solid transparent;
  flex:0 0 auto;               /* не се стега */
}
.wc-badge.badge-new{
  background:rgba(0,170,89,var(--badge-alpha));
  border-color:rgba(0,170,89,var(--badge-border-alpha));
}
.wc-badge.badge-featured{
  background:rgba(139,92,246,var(--badge-alpha));
  border-color:rgba(139,92,246,var(--badge-border-alpha));
}

/* Нема на залиха – центар (single) */
.single-product .badge-anchor .wc-badge.badge-out{
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  max-width:calc(100% - 40px);
  padding:14px 20px;
  background:#FFFFFF99;
  color:#853c4e;
  font:800 28px/1.2 var(--badge-font);
  text-align:center;
  border-radius:8px;
  z-index:3;
  pointer-events:none;
}

/* мобилен OOS */
@media (max-width:480px){
  .single-product .badge-anchor .wc-badge.badge-out{
    max-width:calc(100% - 24px);
    font-size:20px;
    padding:10px 14px;
  }
}

/* Archive/Grid OOS */
.post-type-archive-product .badge-anchor .wc-badge.badge-out,
.tax-product_cat .badge-anchor .wc-badge.badge-out,
.woocommerce ul.products li.product .badge-anchor .wc-badge.badge-out{
  position:absolute;
  top:16px;
  left:16px;
  transform:none;
  margin:0;
  padding:6px 12px;
  background:#FFFFFFD9;
  color:#853c4e;
  border-radius:999px;
  font:700 14px/1.2 var(--badge-font);
  z-index:3;
}

/* Mobile archive/grid OOS */
@media (max-width:480px){
  .post-type-archive-product .badge-anchor .wc-badge.badge-out,
  .tax-product_cat .badge-anchor .wc-badge.badge-out,
  .woocommerce ul.products li.product .badge-anchor .wc-badge.badge-out{
    font-size:12px;
    padding:4px 10px;
  }
}
/* -------------------------------------------------------------- */

/* Изолација на layout/paint за да не се пресметува целата страница при Splide и header промени */
.splide,
.splide__track,
.brxe-header,
.header {
  contain: layout paint;
}

.splide__list {
  will-change: transform;
  transform: translateZ(0); /* избегнува layout reflow при анимација */
}

/* Стабилизирај sticky header без промена на height */
.brxe-header {
  will-change: transform;
}

/* zakrpi za globalni stilovi */

input, select {
	padding: 0.5em 1em !important;
}

ul.checkboxes input, div.slider-wrap input {
	padding: 0 !important;
}

div.slider-wrap input {
	padding: 0;
}