/* ============================================================
   MTEL FSE — SINGLE PRODUCT
   ============================================================ */

body.single-product{
  background:var(--paper);
  color:var(--navy-800);
}

/* ============================================================
   GALERIJA — slika kao izlog, isti jezik kao shop kartice
   ============================================================ */
.wp-block-woocommerce-product-image-gallery{
  background:var(--white);
  border-radius:var(--r);
  padding:32px;
}
.woocommerce-product-gallery__wrapper img{
  border-radius:calc(var(--r) - 8px);
}

/* ============================================================
   NASLOV / CENA / OPIS
   ============================================================ */
body.single-product h1.wp-block-post-title{
  font-family:"Pero",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-weight:800;letter-spacing:-.03em;line-height:1.08;
  color:var(--navy-800);
  font-size:clamp(28px,4.2vw,42px);
  margin:4px 0 14px;
}

.wp-block-woocommerce-product-price .wc-block-components-product-price{
  font-size:clamp(22px,3vw,28px);font-weight:800;
  color:var(--navy-800);margin:0 0 16px;
}
.wp-block-woocommerce-product-price .woocommerce-Price-amount{font-variant-numeric:tabular-nums}
.wp-block-woocommerce-product-price del .woocommerce-Price-amount{color:var(--grey-400);font-weight:400;opacity:.75;margin-right:8px}
.wp-block-woocommerce-product-price ins{text-decoration:none;color:var(--red)}

.aksesuarlar-shipping-notice{
  font-size:12px;color:var(--grey-500);font-weight:300;
  padding:10px 14px;background:var(--white);border-radius:10px;
  margin:0 0 18px;border-left:3px solid var(--orange);
}

.wp-block-post-excerpt__excerpt{
  font-size:15px;line-height:1.7;color:var(--grey-500);
  font-weight:300;max-width:58ch;margin:0 0 26px;
}

/* ============================================================
   DODAJ U KORPU — količina + dugme
   ============================================================ */
.wc-block-add-to-cart-form form.cart{
  display:flex!important;align-items:center;gap:12px;
  grid-template-columns:none!important;
}
.wc-block-add-to-cart-form .quantity{
  display:flex;align-items:stretch;
  border:1.5px solid var(--grey-200);border-radius:999px;
  overflow:hidden;background:var(--white);
}
.wc-block-add-to-cart-form .quantity input.qty{
  width:52px;text-align:center;border:0;background:none;
  font-size:14px;font-weight:700;color:var(--navy-800);
}
.wc-block-add-to-cart-form .quantity .wc-block-components-quantity-selector__button{
  width:34px;color:var(--grey-500);
}
.wc-block-add-to-cart-form .quantity .wc-block-components-quantity-selector__button:hover{color:var(--navy-800)}

button.single_add_to_cart_button{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:50px;padding:0 34px;border-radius:999px;
  background:var(--spectar)!important;color:var(--white)!important;
  font-size:14px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;
  box-shadow:0 12px 28px -14px rgba(200,8,21,.8);
  transition:transform .25s var(--ease),box-shadow .25s var(--ease);
  border:0;
}
button.single_add_to_cart_button:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 34px -14px rgba(200,8,21,.9);
}

@media(max-width:420px){
  .wc-block-add-to-cart-form form.cart{flex-wrap:wrap}
  button.single_add_to_cart_button{width:100%}
}

/* ============================================================
   KATEGORIJA
   ============================================================ */
.wp-block-woocommerce-product-meta .taxonomy-product_cat{
  font-size:12px;color:var(--grey-500);font-weight:300;
  margin-top:22px;
}
.wp-block-woocommerce-product-meta .taxonomy-product_cat a{
  color:var(--grey-500);text-decoration:none;border-bottom:1px solid var(--grey-300);
}
.wp-block-woocommerce-product-meta .taxonomy-product_cat a:hover{color:var(--navy-800);border-color:var(--navy-800)}

/* ============================================================
   TABOVI (Açıklama)
   ============================================================ */
.woocommerce-tabs{margin-top:56px}
.woocommerce-tabs ul.tabs{
  display:flex;gap:28px;list-style:none;padding:0;margin:0 0 26px;
  border-bottom:1px solid var(--grey-200);
}
.woocommerce-tabs ul.tabs li{margin:0}
.woocommerce-tabs ul.tabs li a{
  display:inline-block;padding:0 0 14px;
  font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--grey-500);border-bottom:2px solid transparent;
  margin-bottom:-1px;
}
.woocommerce-tabs ul.tabs li.active a{color:var(--navy-800);border-color:var(--red)}
.woocommerce-Tabs-panel{
  font-size:15px;line-height:1.75;color:var(--grey-500);font-weight:300;
  max-width:70ch;
}
.woocommerce-Tabs-panel h2{
  font-family:"Pero",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-weight:800;color:var(--navy-800);font-size:20px;margin:0 0 14px;
}
.woocommerce-Tabs-panel table{width:100%;border-collapse:collapse;margin-top:16px}
.woocommerce-Tabs-panel table th,
.woocommerce-Tabs-panel table td{
  text-align:left;padding:10px 0;border-bottom:1px solid var(--grey-200);
  font-size:14px;color:var(--navy-800);
}
.woocommerce-Tabs-panel table th{font-weight:700;width:180px;color:var(--grey-500)}

/* ============================================================
   İLGILI ÜRÜNLER — naslov (kartice nasleđuju stil iz shop.css)
   ============================================================ */
h2.wp-block-heading{
  font-family:"Pero",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-weight:800;letter-spacing:-.02em;color:var(--navy-800);
  font-size:clamp(22px,3vw,30px);
  margin:64px 0 24px!important;
}

/* ispravka širine polja za količinu */
.wc-block-add-to-cart-form .quantity{
  display:inline-flex!important;width:auto!important;
  align-self:stretch;
}
.wc-block-add-to-cart-form .quantity input.qty{
  box-sizing:border-box!important;
  width:64px!important;height:50px!important;
  padding:0 8px!important;
  font-size:14px!important;
}

.woocommerce div.product div.images .flex-control-thumbs li{
  width:calc(20% - 8px)!important;float:none!important;
}
.woocommerce div.product div.images .flex-control-thumbs li img{
  opacity:1!important;
  border-radius:10px;
  box-shadow:0 0 0 1px rgba(10,31,61,.08);
  transition:box-shadow .2s,transform .2s;
}
.woocommerce div.product div.images .flex-control-thumbs li img:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 16px -6px rgba(10,31,61,.35);
}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active{
  box-shadow:0 0 0 2px var(--white),0 0 0 4px var(--red);
}

/* thumbnail galerija — jedan red, horizontalni skrol ako ima previše */
.woocommerce div.product div.images .flex-control-thumbs{
  display:flex;flex-wrap:nowrap;gap:10px;margin-top:16px;
  overflow-x:auto;scrollbar-width:none;
}
.woocommerce div.product div.images .flex-control-thumbs::-webkit-scrollbar{display:none}
.woocommerce div.product div.images .flex-control-thumbs li{
  width:80px!important;flex:0 0 auto!important;float:none!important;
}
.woocommerce div.product div.images .flex-control-thumbs li img{
  opacity:1!important;
  border-radius:10px;
  border:2px solid transparent;
  transition:border-color .2s;
}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs li img:hover{
  border-color:var(--navy-800);
}

/* finalna ispravka — bez okvira, bez senke na thumbnail galeriji */
.woocommerce div.product div.images .flex-control-thumbs li img,
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs li img:hover{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  opacity:1!important;
}

/* razmak od headera i footera */
body.single-product main.wp-block-group{
  padding-top:136px!important;
  padding-bottom:50px;
}

/* header uvek vidljiv (nema tamnog hero-a ispod na ovoj strani) */
body.single-product .hdr{
  background:rgba(5,15,32,.95)!important;
  backdrop-filter:blur(18px);
  box-shadow:0 1px 0 rgba(255,255,255,.09);
}