/* =====================================================================
   bm-company · product-extra.css (M4, agent SADRŽAJ) – samo na stranici proizvoda (inc/product-extra.php skida ga drugdje)
   Harmonike detalja (X2 K08 / H4 §7), opis i tabele (L2 PROD-10, SEO350), „Plaćanje i sigurnost“ (H4 §6),
   karusel „Slični proizvodi“ / preporuke (K06 / H2 §0.5), sticky traka kupovine (K22 / H4 §9).
   Osnova (.btn, .price, .pcard, .badge, reveal) je u app.css i archive.css.
   ===================================================================== */

/* ---------- raspored: detalji su u lijevoj koloni ispod galerije (dvije kolone od 768 px, product.css); na mobitelu idu
   POSLIJE info kolone. Isti HTML za oba rasporeda: na mobitelu kolona galerije postaje display:contents, pa su galerija, info i
   detalji djeca jedne mreže i poredaju se sa order (bez duplog opisa u DOM-u, X2 §3.4 / H4 §1). Lijeva kolona je tada viša,
   pa se (po product.css) lijepi samo info kolona – „Dodaj u korpu“ ostaje vidljivo dok kupac čita opis. */
.bmc-pdetails{margin-top:3.2rem} /* vlasnik 02.11.2026: kompaktnije */
@media (max-width:767.98px){
	.bmc-product__top{display:grid;grid-template-columns:minmax(0,1fr)}
	.bmc-product__media{display:contents}
	.bmc-product__media>*{order:1;min-width:0}
	.bmc-product__info{order:2;min-width:0}
	.bmc-product__media>.bmc-pdetails{order:3;margin-top:2.4rem}
	/* dok info kolona nije cijela u DOM-u (HTML još stiže), detalji se ne crtaju – inače ih info kolona gurne dolje (CLS, inc/product-extra.php) */
	.bmc-product__top:not(:has(.bmc-info-end))>.bmc-product__media>.bmc-pdetails{display:none}
}

/* ---------- harmonika (K08, Hyper H4 §7.1): red 65 px, h4 22/32 (mobitel 16), linija 1 px rgba(0,0,0,.2) → #222 kad je otvorena ---------- */
.bmc-pacc__item{border-bottom:1px solid rgba(0,0,0,.2);transition:border-color var(--animation-default)}
.bmc-pacc__item.is-open{border-bottom-color:rgb(var(--color-text-heading))}
.bmc-pacc__h{margin:0;font-size:inherit;line-height:inherit}
.bmc-pacc__btn{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;width:100%;min-height:5.6rem;margin:0;padding:1.2rem 0;border:0;background:none;text-align:left;font-family:var(--font-heading);font-size:1.6rem;font-weight:600;line-height:2.4rem;color:rgb(var(--color-text-heading));-webkit-tap-highlight-color:transparent}
@media (min-width:1024px){.bmc-pacc__btn{font-size:1.9rem;line-height:2.8rem}} /* red 65 → 56 px, naslov 22 → 19 px (vlasnik 02.11.2026: kompaktnije) */
.bmc-pacc__label{min-width:0}
/* plus: vodoravna crta stoji, okomita se okreće 270° (.5s cubic-bezier(.3,1,.3,1)) */
.bmc-pacc__icon{position:relative;flex:none;width:1.4rem;height:1.4rem}
.bmc-pacc__icon::before,.bmc-pacc__icon::after{content:"";position:absolute;top:50%;left:50%;background:currentColor;border-radius:1px;transform:translate(-50%,-50%)}
.bmc-pacc__icon::before{width:100%;height:2px}
.bmc-pacc__icon::after{width:2px;height:100%;transition:transform var(--animation-default)}
.bmc-pacc__item.is-open .bmc-pacc__icon::after{transform:translate(-50%,-50%) rotate(270deg)}
.bmc-pacc__panel{overflow:hidden}
.bmc-pacc__body{padding:.4rem 0 2.4rem}
.bmc-pacc__item{scroll-margin-top:calc(var(--header-bottom,140px) + 1rem)}

/* ---------- sadržaj opisa (Hyper: tekst 15/24 #666, h2 28/38, h3 22/32; H4 §7, X2 §3.4) ---------- */
.bmc-rte{font-size:1.5rem;line-height:2.4rem;color:rgb(var(--color-subtext));overflow-wrap:break-word}
.bmc-rte>*:first-child{margin-top:0}
.bmc-rte>*:last-child{margin-bottom:0}
.bmc-rte h1,.bmc-rte h2,.bmc-rte h3,.bmc-rte h4,.bmc-rte h5,.bmc-rte h6{color:rgb(var(--color-text-heading));margin:3.2rem 0 1.2rem}
.bmc-rte h1,.bmc-rte h2{font-size:2.24rem;line-height:1.3}
.bmc-rte h3{font-size:1.8rem;line-height:1.45}
.bmc-rte h4,.bmc-rte h5,.bmc-rte h6{font-size:1.6rem;line-height:1.5}
@media (min-width:1024px){
	.bmc-rte h1,.bmc-rte h2{font-size:2.8rem;line-height:3.8rem}
	.bmc-rte h3{font-size:2.2rem;line-height:3.2rem}
	.bmc-rte h4{font-size:1.8rem;line-height:2.8rem}
}
.bmc-rte p{margin:0 0 1.6rem}
.bmc-rte ul,.bmc-rte ol{margin:0 0 1.6rem;padding-left:2.2rem}
.bmc-rte li{margin:0 0 .6rem}
.bmc-rte li::marker{color:rgb(var(--color-text-heading))}
.bmc-rte strong,.bmc-rte b{color:rgb(var(--color-text-heading));font-weight:700}
.bmc-rte a{color:rgb(var(--color-text-heading));text-decoration:underline;text-underline-offset:.3rem;text-decoration-thickness:1px}
@media (hover:hover){.bmc-rte a:hover{color:rgb(var(--color-primary))}}
.bmc-rte img{height:auto;border-radius:var(--blocks-radius)}
.bmc-rte figure{margin:0 0 1.6rem}
.bmc-rte iframe,.bmc-rte video{max-width:100%}
.bmc-rte blockquote{margin:0 0 1.6rem;padding:0 0 0 1.6rem;border-left:2px solid rgb(var(--color-text-heading))}
.bmc-rte hr{margin:2.4rem 0}
/* ChatGPT HTML (_tableContainer_ / w-fit) bez Elementor CSS-a: omotači ne smiju širiti stranicu */
.bmc-rte [class*="_tableContainer_"],.bmc-rte [class*="_tableWrapper_"]{max-width:100%;overflow:visible}
.bmc-rte table[class*="w-fit"]{min-width:0}

/* tabele (Hyper table-striped, H4 §7.2): omotač skrola (role=region, tabindex=0), neparni red #f7f7f7, ćelije 12×16 */
.bmc-table-wrap{max-width:100%;margin:1.6rem 0 2.4rem;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border-radius:var(--small-blocks-radius)}
.bmc-table-wrap:focus-visible{outline:.2rem solid rgb(var(--color-keyboard-focus));outline-offset:.2rem}
.bmc-table-wrap table{width:100%;margin:0;border:0;border-collapse:collapse;border-spacing:0;font-size:1.5rem;line-height:2.4rem}
.bmc-table-wrap th,.bmc-table-wrap td{min-width:10rem;padding:1.2rem 1.6rem;border:0;text-align:left;vertical-align:top;background:none}
.bmc-table-wrap th{color:rgb(var(--color-text-heading));font-weight:700}
.bmc-table-wrap td{color:rgb(var(--color-subtext))}
.bmc-table-wrap tbody tr:nth-child(odd)>*{background:rgb(var(--color-secondary-background))}
.bmc-table-wrap thead th{border-bottom:1px solid rgb(var(--color-text-heading))}
.bmc-table-wrap caption{padding:0 0 .8rem;text-align:left;font-size:1.4rem;color:rgb(var(--color-subtext))}
.bmc-table-wrap td p,.bmc-table-wrap th p{margin:0}
.bmc-table-wrap--attrs{margin:0}
.bmc-table-wrap--attrs th{width:40%}

/* SEO350 (.bm-seo-product / .bm-seo-table): iste vrijednosti kao #bm-seo350-style u mu-pluginu (on ih ispisuje samo na 352
   proizvoda iz serije; ovdje važe za svih 355 sa tim klasama, L2 PROD-10). Specifičnost je viša od .bmc-rte da opis izgleda kao danas. */
.bmc-rte .bm-seo-product{max-width:960px;margin-inline:auto;line-height:1.75;color:#353535}
.bmc-rte .bm-seo-product h2{font-size:clamp(23px,3vw,30px);line-height:1.3;margin:0 0 18px}
.bmc-rte .bm-seo-product h3{font-size:20px;line-height:1.4;margin:30px 0 14px}
.bmc-rte .bm-seo-product h4{font-size:17px;line-height:1.5;margin:24px 0 12px}
.bmc-rte .bm-seo-product p{margin:0 0 16px}
.bmc-rte .bm-seo-product ul{padding-left:23px;margin:0 0 20px}
.bmc-rte .bm-seo-product li{margin:0;padding:3px 0}
.bmc-rte .bm-seo-table{overflow-x:auto;margin:14px 0 26px;border:1px solid #e2e2e2;border-radius:6px}
.bmc-rte .bm-seo-table:focus-visible{outline:.2rem solid rgb(var(--color-keyboard-focus));outline-offset:.2rem}
.bmc-rte .bm-seo-table table{width:100%;margin:0;border-collapse:collapse;table-layout:fixed}
.bmc-rte .bm-seo-table caption{text-align:left;padding:12px 16px;background:#f5f5f3;font-size:14px;color:#555}
.bmc-rte .bm-seo-table th,.bmc-rte .bm-seo-table td{padding:12px 16px;text-align:left;vertical-align:top;border:0;border-bottom:1px solid #e8e8e8;overflow-wrap:anywhere;text-transform:none;letter-spacing:normal;font-size:15px;line-height:1.6}
.bmc-rte .bm-seo-table th{width:40%;font-weight:600;background:#fafaf8;color:#222}
.bmc-rte .bm-seo-table td{color:#353535}
.bmc-rte .bm-seo-table tr:last-child>*{border-bottom:0}
@media (max-width:600px){.bmc-rte .bm-seo-table th,.bmc-rte .bm-seo-table td{padding:10px 12px;font-size:14px}.bmc-rte .bm-seo-product h3{font-size:18px}}

/* Rank Math FAQ blok i TOC u opisu (CSS plugina RMFA se ne učitava – tema ga crta) */
.bmc-rte .rank-math-list{margin:0 0 1.6rem}
.bmc-rte .rank-math-list-item{padding:1.2rem 0;border-bottom:1px solid rgb(var(--color-border))}
.bmc-rte .rank-math-question{margin:0 0 .6rem;font-size:1.6rem;line-height:2.4rem}
.bmc-rte .rank-math-answer>*:last-child{margin-bottom:0}
.bmc-rte #ez-toc-container{max-width:100%;margin:0 0 2.4rem;padding:1.6rem 2rem;border:0;border-radius:var(--blocks-radius);background:rgb(var(--color-secondary-background));box-shadow:none}

/* ---------- Dostava i plaćanje / Reklamacija ---------- */
.bmc-ship__list{display:grid;gap:1.2rem;margin:0 0 1.6rem;padding:0;list-style:none}
.bmc-ship__item{display:flex;align-items:flex-start;gap:1.2rem;margin:0}
.bmc-ship__icon{margin-top:.2rem;color:rgb(var(--color-text-heading))}
.bmc-ship__txt{display:flex;flex-direction:column}
.bmc-ship__txt strong .amount{white-space:nowrap}
.bmc-ship__days{font-size:1.4rem;line-height:2rem}
.bmc-ship__note{padding:1.2rem 1.6rem;border-radius:var(--small-blocks-radius);background:rgb(var(--color-secondary-background));color:rgb(var(--color-text-heading))}
.bmc-rte .bmc-ship__h{margin:2.4rem 0 .8rem;font-size:1.6rem;line-height:2.4rem}
.bmc-rte a.bmc-pdetails__more{display:inline-flex;align-items:center;gap:.6rem;font-weight:700;text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-size:100% 1px;background-position:100% 100%;transition:background-size var(--animation-default),color var(--duration-default)}
@media (hover:hover){.bmc-rte a.bmc-pdetails__more:hover{color:rgb(var(--color-text-heading));background-size:0 1px;background-position:0 100%}}

/* ---------- Plaćanje i sigurnost (Hyper Payment & Security: meka pozadina, r10, padding 24, h5 18/28) ---------- */
.bmc-secure{margin-top:2.4rem;padding:2rem 2.4rem;border-radius:var(--blocks-radius);background:rgb(var(--color-secondary-background))}
.bmc-secure__h{margin:0 0 1.2rem;font-size:1.8rem;line-height:2.8rem}
.bmc-secure__chips{display:flex;flex-wrap:wrap;gap:.8rem;margin:0 0 1.2rem;padding:0;list-style:none}
.bmc-secure__chips li{display:inline-flex;align-items:center;gap:.6rem;min-height:3.6rem;margin:0;padding:0 1.4rem;border-radius:var(--badges-radius);background:rgb(var(--color-background));box-shadow:inset 0 0 0 1px rgb(var(--color-border));font-size:1.4rem;font-weight:700;color:rgb(var(--color-text-heading))}
.bmc-secure__txt{margin:0;font-size:1.5rem;line-height:2.4rem;color:rgb(var(--color-subtext))}

/* karusel proizvoda (K06) je od M6 zajednički: assets/css/carousel.css */

/* ---------- sticky traka kupovine (K22 / H4 §9): ulaz translateY(100%) → 0, 0,3 s cubic-bezier(.4,0,.2,1) ---------- */
.bmc-satc{position:fixed;z-index:29;left:0;right:0;bottom:0;padding:1.2rem var(--page-padding) calc(1.2rem + env(safe-area-inset-bottom));background:rgb(var(--color-background));box-shadow:inset 0 1px 0 rgb(var(--color-border));opacity:0;visibility:hidden;transform:translate3d(0,100%,0)}
.bmc-satc.is-visible{opacity:1;visibility:visible;transform:translateZ(0)}
@media (prefers-reduced-motion:no-preference){
	.bmc-satc{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),visibility 0s linear .3s}
	.bmc-satc.is-visible{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),visibility 0s}
}
.bmc-satc [hidden]{display:none!important}
.bmc-satc__inner{display:flex;align-items:center;gap:1.2rem;min-height:5rem}
.bmc-satc__media{flex:none;width:5rem;height:5rem;border-radius:.6rem;overflow:hidden;background:rgb(var(--color-secondary-background))}
.bmc-satc__media img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.bmc-satc__info{display:flex;flex:1 1 auto;flex-direction:column;gap:.2rem;min-width:0}
.bmc-satc__name{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-family:var(--font-heading);font-size:1.4rem;font-weight:500;line-height:2rem;color:rgb(var(--color-text-heading))}
.bmc-satc__variant{display:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:1.3rem;line-height:1.8rem;color:rgb(var(--color-subtext))}
.bmc-satc__price{flex-wrap:nowrap;overflow:hidden;font-size:1.4rem;line-height:2rem;gap:0 .6rem;white-space:nowrap}
.bmc-satc__price>[aria-hidden="true"]{display:inline-flex;align-items:baseline;gap:0 .4rem}
.bmc-satc__price .woocommerce-price-suffix,.bmc-satc__price .bm-unit{font-weight:400;color:rgb(var(--color-subtext))}
.bmc-satc__actions{display:flex;flex:none;flex-direction:column;gap:.8rem}
.bmc-satc__actions .btn{min-height:4.4rem;padding:0 1.8rem} /* dodirna površina ≥ 44 px (L2 A11Y-06) */
.bmc-satc__buy{display:none}
@media (min-width:768px){
	.bmc-satc{left:auto;right:3rem;bottom:3rem;width:min(85vw,52rem);padding:1.2rem;border-radius:1rem;box-shadow:inset 0 0 0 1px rgb(var(--color-border)),0 .8rem 2.4rem rgba(0,0,0,.06)}
	.bmc-satc__media{width:7rem;height:7rem}
	.bmc-satc__name{-webkit-line-clamp:2;font-size:1.5rem;line-height:2.2rem}
	.bmc-satc__variant:not([hidden]){display:block}
	.bmc-satc__price{font-size:1.5rem}
	.bmc-satc__actions .btn{min-height:3.8rem;padding:0 2rem}
	.bmc-satc__buy{display:inline-flex}
}
/* mjesto na dnu stranice da traka na mobitelu ne pokrije footer (statično – bez pomaka sadržaja) */
@media (max-width:767.98px){body.single-product:has(.bmc-satc){padding-bottom:calc(7.4rem + env(safe-area-inset-bottom))}}