:root {
  --porto-primary: #2f7abe; /* tvoja osnovna plava */
  --porto-primary-600: #2868a2; /* tamnija za hover/active */
  --porto-secondary: #5995cb; /* opcionalno svjetliji akcent */
}

.blog-section .post-media img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.blog-section .post-media {
  height: 210px;
}

.product-image img {
  width: auto !important;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
  width: 100%;
}

/* CART tablica (lijevo) – makni Woo bordere */
.woocommerce-cart .table-cart.shop_table,
.woocommerce-cart .table-cart.shop_table th,
.woocommerce-cart .table-cart.shop_table td,
.woocommerce-cart .table-cart.shop_table tr {
  border: 0 !important;
  box-shadow: none !important;
}

/* (opcionalno) blagi separator kao u Portu */
.woocommerce-cart .table-cart.shop_table thead th {
  border-bottom: 1px solid #e9e9e9 !important;
}
.woocommerce-cart .table-cart.shop_table tbody tr + tr td {
  border-top: 1px solid #f0f0f0 !important;
}

/* CART TOTALS (desno) – bez crta */
.woocommerce-cart .cart-summary .table-totals,
.woocommerce-cart .cart-summary .table-totals th,
.woocommerce-cart .cart-summary .table-totals td,
.woocommerce-cart .cart-summary .table-totals tr {
  border: 0 !important;
}

/* Ukloni linije u shipping sekciji unutar totals-a */
.woocommerce-cart .cart_totals .shipping td,
.woocommerce-cart .cart_totals .shipping th {
  border-top: 0 !important;
}

.cart_totals td,
.cart_totals th {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

/* ====== CHECKOUT – PORTO LOOK (bez mijenjanja Woo forme) ====== */

/* desni box */
.woocommerce-checkout #order_review {
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 4px;
  padding: 22px 24px;
}
.woocommerce-checkout #order_review_heading {
  margin: 0 0 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

/* tablica u "Your order" – bez okvira, samo vodoravne linije */
.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table {
  border: 0;
  margin: 0;
  width: 100%;
  border-collapse: separate; /* da linije budu uredne */
  border-spacing: 0;
}
.woocommerce-checkout
  table.shop_table.woocommerce-checkout-review-order-table
  th,
.woocommerce-checkout
  table.shop_table.woocommerce-checkout-review-order-table
  td {
  border: 0 !important; /* pregazi Woo/Bootstrap */
  padding: 14px 0; /* Porto-ish razmak */
  background: transparent;
  vertical-align: middle;
}

/* header red: "Product" | "Total" */
.woocommerce-checkout
  table.shop_table.woocommerce-checkout-review-order-table
  thead
  th {
  font-weight: 600;
  border-bottom: 1px solid #eeeeee !important;
  padding-top: 0;
  padding-bottom: 12px;
}

/* separator između redova u body/tfoot */
.woocommerce-checkout
  table.shop_table.woocommerce-checkout-review-order-table
  tbody
  tr
  + tr
  td,
.woocommerce-checkout
  table.shop_table.woocommerce-checkout-review-order-table
  tfoot
  tr {
  border-top: 1px solid #eeeeee !important;
}

/* nazivi i količine proizvoda */
.woocommerce-checkout table.shop_table .product-name {
  color: #222;
  font-weight: 500;
}
.woocommerce-checkout table.shop_table .product-quantity {
  font-weight: 700;
  margin-left: 4px;
}

/* Subtotal / Shipping / Tax – lijeva ćelija kao “label” */
.woocommerce-checkout table.shop_table tfoot th {
  color: #222;
  font-weight: 600;
}

/* TOTAL – deblja crta i veći iznos kao na Portu */
.woocommerce-checkout table.shop_table .order-total th,
.woocommerce-checkout table.shop_table .order-total td {
  padding-top: 16px;
  font-size: 22px;
  font-weight: 700;
}
.woocommerce-checkout table.shop_table .order-total td {
  color: #000;
}
.woocommerce-checkout table.shop_table .order-total {
  border-top: 2px solid #e6e6e6 !important;
}

/* shipping radio – poravnanje i spacing */
.woocommerce-checkout .woocommerce-shipping-methods {
  margin: 6px 0 0;
  padding: 0;
  list-style: none;
}
.woocommerce-checkout .woocommerce-shipping-methods li {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 6px 0;
}

/* info/notice u Payment methods (svijetloplavi box kao na slici) */
.woocommerce-checkout .woocommerce-NoticeGroup .woocommerce-info {
  background: #eef7fb;
  border: 1px solid #d7ecf7;
  color: #3b566e;
  border-radius: 4px;
  padding: 14px 16px;
}

/* payment box i gumb */
.woocommerce-checkout #payment {
  background: #f6f7f9;
  border: 1px solid #ebebeb !important;
  border-radius: 4px;
  padding: 16px 18px;
  margin-top: 16px;
}
.woocommerce #place_order {
  width: 100%;
  background: #1c1c1c;
  color: #fff;
  border: 0;
  border-radius: 3px;
  padding: 14px 22px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.woocommerce #place_order:hover {
  opacity: 0.92;
}

/* sitno: polja forme (samo skin) */
.woocommerce form .form-row label {
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 6px;
  color: #222;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
  border: 1px solid #e7e7e7;
  background: #fff;
  border-radius: 0;
  padding: 0.7rem 0.85rem;
  height: 44px;
  box-shadow: none;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
  border-color: #08c;
  outline: 0;
  box-shadow: 0 0 0 0.1rem rgba(0, 136, 204, 0.12);
}

/* ---- Fix: Bootstrap .form-row vs WooCommerce ---- */
.woocommerce .form-row,
.woocommerce-page .form-row {
  display: block !important; /* pregazi BS flex */
  margin: 0 !important; /* makni -15px gutters iz BS */
  gap: 0 !important; /* za BS5 */
  --bs-gutter-x: 0; /* za BS5 */
  --bs-gutter-y: 0;
}

/* Woo 2-kolone (First/Last name itd.) */
.woocommerce form .form-row-first,
.woocommerce form .form-row-last {
  width: calc(50% - 10px);
}
.woocommerce form .form-row-first {
  float: left;
  padding-right: 10px;
}
.woocommerce form .form-row-last {
  float: right;
  padding-left: 10px;
}
@media (max-width: 767.98px) {
  .woocommerce form .form-row-first,
  .woocommerce form .form-row-last {
    width: 100%;
    float: none;
    padding: 0;
  }
}

/* Woo col-1/col-2 konflikt s BS .col-1/.col-2 */
.woocommerce .col2-set {
  display: block;
}
.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2 {
  float: left;
  width: calc(50% - 10px);
  max-width: none; /* pregazi BS */
  flex: none; /* pregazi BS */
}
.woocommerce .col2-set .col-1 {
  padding-right: 10px;
}
.woocommerce .col2-set .col-2 {
  float: right;
  padding-left: 10px;
}
@media (max-width: 767.98px) {
  .woocommerce .col2-set .col-1,
  .woocommerce .col2-set .col-2 {
    width: 100%;
    float: none;
    padding: 0;
  }
}

/* Sigurnosno: Woo inputi uvijek full širina unutar reda */
.woocommerce .form-row input,
.woocommerce .form-row select,
.woocommerce .form-row textarea {
  width: 100%;
}

/* Ako Bootstrap ostavlja dodatne margine oko .row unutar Woo formi */
.woocommerce #customer_details .row,
.woocommerce-cart .row,
.woocommerce-checkout .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Checkout: sakrij zadani WooCommerce <h3> naslove unutar sekcija */
.woocommerce-checkout .woocommerce-billing-fields > h3,
.woocommerce-checkout .woocommerce-shipping-fields > h3,
.woocommerce-checkout .woocommerce-additional-fields > h3 {
  display: none;
}

.checkout-container .step-title {
  margin-top: 0px !important;
  margin-bottom: 20px;
}

.woocommerce-checkout #order_review {
  border: 0px;
}

.social-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  color: #fff !important;
  background-color: #2f7abe !important;
  font-size: 14px !important;
  line-height: 3.2rem !important;
  text-align: center !important;
  text-decoration: none !important;
  opacity: 1 !important;
}

footer .social-icon {
  border-radius: 50% !important;
  width: 3rem !important;
  height: 3rem !important;
  color: #222529 !important;
  font-size: 1.4rem !important;
  line-height: 3rem !important;
  background-color: transparent !important;
}

.product-default:hover .btn-add-cart {
  background: #2b2b2d !important;
  border-color: #2b2b2d !important;
  color: #fff !important;
}

.inner-icon:hover .btn-icon {
  background-color: #fff !important;
  border-color: #ddd !important;
  color: black !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: hidden !important;
}

.product-default .btn-add-cart i {
  display: block !important;
}

.woocommerce div.product form.cart .variations tr {
  margin-top: 20px;
}
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
  padding: 0;
  border: 0;
}

/* Labela iznad selecta – sitna, uppercase, siva */
.woocommerce div.product form.cart .variations .label label {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #6c757d;
}

/* Sam select – moderan, zaobljen, s vlastitom strelicom */
.woocommerce div.product form.cart .variations select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  height: 44px;
  padding: 0 42px 0 14px;
  border: 1px solid #dee2e6;
  border-radius: 10px;
  background: #fff;
  font-size: 14px;
  line-height: 44px;
  transition: border-color 0.2s, box-shadow 0.2s;
  background-image: url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 20px;
}
.woocommerce div.product form.cart .variations select:hover {
  border-color: #c7cbd1;
}
.woocommerce div.product form.cart .variations select:focus {
  outline: none;
  border-color: #0d6efd;
  box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.15);
}

/* Količina i gumb u istom redu */
.woocommerce div.product form.cart {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

/* Količina – kapsula sa zaobljenim rubovima */
.woocommerce div.product form.cart .quantity {
  display: inline-flex;
  align-items: stretch;
  height: 44px;
  border: 1px solid #dee2e6;
  border-radius: 10px;
  overflow: hidden;
  margin: 0;
}
.woocommerce div.product form.cart .quantity input.qty {
  width: 64px;
  height: 44px;
  padding: 0;
  border: 0;
  text-align: center;
  line-height: 44px;
  font-size: 14px;
  background: #fff;
  outline: none;
}

/* (ako koristiš +/- gumbe iz skripte) */
.woocommerce div.product form.cart .quantity .qty-btn {
  width: 44px;
  border: 0;
  background: #f8f9fa;
  cursor: pointer;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.woocommerce div.product form.cart .quantity .qty-btn:hover {
  background: #eef1f4;
}

/* Gumb "Dodaj u košaricu" – veći, zaobljen, kontrast */
.woocommerce div.product form.cart .single_add_to_cart_button {
  height: 44px;
  padding: 0 22px;
  border-radius: 10px;
  border: 0;
  font-weight: 600;
  letter-spacing: 0.02em;
  background: #222;
  color: #fff;
}
.woocommerce div.product form.cart .single_add_to_cart_button:hover {
  background: #000;
}

/* Malo “daha” ispod svega */
.woocommerce div.product form.cart + * {
  margin-top: 18px;
}

/* Za slučaj da Woo table crta linije oko varijacija */
.woocommerce div.product form.cart .variations,
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
  border: 0 !important;
  padding: 5px;
}

.woocommerce-variation-price {
  margin-bottom: 20px;
}

.product-default.inner-icon {
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}

.link-istaknuto {
  color: #ff6840 !important;
}

.woocommerce table.shop_attributes tr:nth-child(even) td,
.woocommerce table.shop_attributes tr:nth-child(even) th {
  background: none !important;
}

.basic-template {
  padding-top: 100px;
}

@media (min-width: 767.98px) {
  .home-slide h1 {
    max-width: 70%;
  }
}