/**
 * Modernizacija – blagi vizuelni upgrade bez menjanja strukture
 * Učitava se posle mymain.css
 */

:root {
  --mt-radius: 8px;
  --mt-radius-lg: 12px;
  --mt-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  --mt-shadow-hover: 0 4px 16px rgba(0, 0, 0, 0.12);
  /* Senka na karticama proizvoda – jasno vidljiva na svim ivicama */
  --mt-product-shadow: 0 2px 12px rgba(0, 0, 0, 0.1), 0 4px 20px rgba(0, 0, 0, 0.06);
  --mt-product-shadow-hover: 0 4px 16px rgba(0, 0, 0, 0.12), 0 8px 28px rgba(0, 0, 0, 0.08);
  --mt-transition: 0.2s ease;
  --mt-color-primary: #000;
  --mt-color-accent: #b8a98d;
  --mt-color-text: #333;
  --mt-color-muted: #6c757d;
  --mt-font: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Glavni font – Poppins */
html,
body,
body * {
  font-family: var(--mt-font) !important;
}
/* Ikone ostaju FontAwesome i Linearicons */
.fa, [class^="fa-"], [class*=" fa-"] {
  font-family: "FontAwesome" !important;
}
.lnr, [class^="lnr-"], [class*=" lnr-"] {
  font-family: "Linearicons-Free" !important;
}

/* Glavni kontejner i sekcije – blago zaobljeni uglovi i senka */
.container {
  max-width: 100%;
}
@media (min-width: 1200px) {
  .container { max-width: 1140px; }
}

/* Tabele – čitkije i blago zaobljene */
.table {
  border-radius: var(--mt-radius);
  overflow: hidden;
  box-shadow: var(--mt-shadow);
}
.table-bordered {
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.table thead th {
  font-weight: 600;
  letter-spacing: 0.02em;
  border-bottom-width: 2px;
}
.table tbody tr {
  transition: background-color var(--mt-transition);
}
.table tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.02);
}

/* Dugmići – senka i hover */
.btn,
button[type="submit"],
.top-search-btn,
.newsletter-btn,
.cart-button,
.btn-primary,
.btn-secondary,
.btn-danger {
  border-radius: var(--mt-radius) !important;
  transition: transform var(--mt-transition), box-shadow var(--mt-transition), background-color var(--mt-transition) !important;
}
.btn:hover,
button[type="submit"]:hover,
.btn-primary:hover,
.btn-secondary:hover {
  transform: translateY(-1px);
  box-shadow: var(--mt-shadow-hover);
}
.btn:active,
button[type="submit"]:active {
  transform: translateY(0);
}
.btn:focus,
button:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);
}

/* Forme – input polja */
.form-control,
input[type="text"],
input[type="email"],
input[type="password"],
.top-cat-field {
  border-radius: var(--mt-radius) !important;
  border-color: rgba(0, 0, 0, 0.12);
  transition: border-color var(--mt-transition), box-shadow var(--mt-transition);
}
.form-control:focus,
input:focus,
.top-cat-field:focus {
  border-color: var(--mt-color-primary);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08);
  outline: none;
}

/* Kartice proizvoda – jasna ivica na sve strane, senka vidljiva i gore */
.single-product,
.product-wrap,
.product-item,
.ibox,
.ibox-body,
.footer-single-widget,
.shopping-cart-wrapper .table-responsive {
  border-radius: var(--mt-radius-lg);
  overflow: hidden;
  transition: box-shadow var(--mt-transition), border-color var(--mt-transition);
  box-shadow: var(--mt-product-shadow);
  border: 1px solid rgba(0, 0, 0, 0.14);
}
.single-product:hover,
.product-wrap:hover,
.product-item:hover {
  box-shadow: var(--mt-product-shadow-hover);
  border-color: rgba(0, 0, 0, 0.18);
}
.product-item .product-thumb {
  border-radius: var(--mt-radius-lg) var(--mt-radius-lg) 0 0;
}
.product-item .product-caption {
  border-radius: 0 0 var(--mt-radius-lg) var(--mt-radius-lg);
}

/* Header – blaga senka za odvajanje */
.header-pos,
.header-middle {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.header-middle.theme-bg {
  border-radius: 0;
}

/* Footer – pregledniji linkovi */
.footer-top,
.footer-useful-link a {
  transition: color var(--mt-transition), opacity var(--mt-transition);
}
.footer-useful-link a:hover {
  opacity: 0.85;
  color: var(--mt-color-accent) !important;
}

/* Scroll to top – moderniji izgled */
.scroll-top {
  border-radius: 50%;
  box-shadow: var(--mt-shadow-hover);
  transition: transform var(--mt-transition), opacity var(--mt-transition);
}
.scroll-top:hover {
  transform: translateY(-2px);
}

/* Breadcrumb */
.breadcrumb {
  background: transparent;
  padding: 0.75rem 0;
}
.breadcrumb-item + .breadcrumb-item::before {
  opacity: 0.6;
}

/* Paginacija */
.pagination-box .pagination .page-item .page-link,
.pagination-box .page-item a {
  border-radius: var(--mt-radius) !important;
  transition: background-color var(--mt-transition), color var(--mt-transition);
}

/* Slider / slick – strelice */
.pro-nav button.slick-arrow,
.pro-nav1 button {
  border-radius: 50%;
  transition: transform var(--mt-transition), background-color var(--mt-transition);
}
.pro-nav button.slick-arrow:hover,
.pro-nav1 button:hover {
  transform: scale(1.05);
}

/* Cene i akcije – blago naglašeno */
.price,
.product-price {
  font-weight: 600;
  letter-spacing: 0.01em;
}

/* Opšte – glatke tranzicije na linkovima */
a {
  transition: color var(--mt-transition), opacity var(--mt-transition);
}

/* Obaveštenje – proizvod dodat u korpu (dole, centrirano) */
.cart-toast {
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%) translateY(80px);
  z-index: 99999;
  padding: 14px 24px;
  min-width: 280px;
  max-width: 90vw;
  text-align: center;
  background: var(--mt-color-primary);
  color: #fff;
  border-radius: var(--mt-radius-lg);
  box-shadow: var(--mt-shadow-hover);
  font-size: 15px;
  font-weight: 500;
  opacity: 0;
  visibility: hidden;
  transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
}
.cart-toast.is-visible {
  transform: translateX(-50%) translateY(0);
  opacity: 1;
  visibility: visible;
}
.cart-toast .cart-toast-icon {
  margin-right: 8px;
  vertical-align: middle;
}

/* Fiksirana donja traka na stranici proizvoda – slika, naziv, cena, dodaj u korpu */
.product-details-fixed-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9998;
  background: #fff;
  box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.12);
  padding: 10px 0;
}
.product-details-fixed-bar-inner {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
}
.product-details-fixed-bar-img {
  width: 56px;
  height: 56px;
  object-fit: cover;
  border-radius: var(--mt-radius);
  flex-shrink: 0;
}
.product-details-fixed-bar-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.product-details-fixed-bar-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--mt-color-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product-details-fixed-bar-price {
  font-size: 15px;
  font-weight: 700;
  color: var(--mt-color-primary);
}
.product-details-fixed-bar-action {
  flex-shrink: 0;
}
.product-details-fixed-bar-btn {
  white-space: nowrap;
  padding: 10px 20px !important;
  font-size: 14px !important;
}
.product-details-fixed-bar-spacer {
  height: 82px;
  width: 100%;
}

/* Podaci za slanje – forma: sva polja jedan ispod drugog, label levo / polje desno */
.checkout-form .form-row {
  display: block;
  margin-bottom: 0.5rem;
}
.checkout-form .form-row .form-group {
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 0.75rem;
  padding-left: 0;
  padding-right: 0;
}
.checkout-form .form-row .form-group label {
  flex: 0 0 160px;
  width: 160px;
  margin-bottom: 0;
  margin-right: 1rem;
  font-weight: 500;
}
.checkout-form .form-row .form-group .form-control {
  flex: 1;
  min-width: 0;
}
@media (max-width: 575px) {
  .checkout-form .form-row .form-group {
    flex-wrap: wrap;
  }
  .checkout-form .form-row .form-group label {
    flex: 0 0 100%;
    width: 100%;
    margin-bottom: 0.35rem;
  }
}

/* Responsive – manji radius na malim ekranima */
@media (max-width: 767px) {
  :root {
    --mt-radius: 6px;
    --mt-radius-lg: 8px;
  }
  .cart-toast {
    bottom: 16px;
    padding: 12px 20px;
    font-size: 14px;
  }
}