/* =========================================================
   ORDER PAGE – CLEAN PANEL (CSS ONLY)
   ========================================================= */

/* 1) BODY POZADINA – samo na order pageu */
body.page-template-order-review {
  background-color: #f8f9fd;
}

/* =========================================================
   2) SAKRIJ WP HEADER / SITE TITLE / HR / FOOTER
   - NE DIRAMO tvoj custom header template part
   ========================================================= */

/* 2.1 WP wrapper header (#header) + site title blok (#headering/#heading) */
body.page-template-order-review #header,
body.page-template-order-review #headering,
body.page-template-order-review #heading {
  display: none !important;
}

/* 2.2 (fallback) najčešći WP selektori za site title */
body.page-template-order-review .site-title,
body.page-template-order-review .site-title a,
body.page-template-order-review .site-branding,
body.page-template-order-review h1.site-title,
body.page-template-order-review h1.site-title a {
  display: none !important;
}

/* 2.3 HR ispod #header (i bilo koji hr koji upadne u layout) */
body.page-template-order-review #header + hr,
body.page-template-order-review hr {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

/* 2.4 WP footer */
body.page-template-order-review footer,
body.page-template-order-review #footer,
body.page-template-order-review .site-footer,
body.page-template-order-review #colophon {
  display: none !important;
}

/* =========================================================
   3) FIXED HEADER SUPPORT (tvoj header)
   ========================================================= */

.global-header,
.oo-global-header,
.site-global-header,
header.global-header,
header.fixed-header,
.fixed-header {
  z-index: 99999;
}

/* panel spusti ispod fixed headera (ne diramo .main-container.container) */
body.page-template-order-review .oo-order-page {
  margin-top: 90px; /* po potrebi 80/100 */
}

/* =========================================================
   3.1) PANEL 95% ŠIRINE NA <= 1920px
   ========================================================= */

@media (max-width: 1920px) {
  body.page-template-order-review .oo-order-page {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* =========================================================
   4) GLAVNI PANEL
   ========================================================= */

body.page-template-order-review .oo-order-page {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(10, 20, 40, 0.08);
  padding: 32px;
  font-family: "Open Sans", sans-serif;
}

/* =========================================================
   5) NASLOVI – isti stil + veći razmak ispod
   ========================================================= */

body.page-template-order-review .oo-order-section-title {
  font-family: "Open Sans", sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.15;
  color: #0b1b2b;
  margin: 0;
  padding-bottom: 28px; /* razmak ispod naslova */
}

/* =========================================================
   6) HEADER GRID (Info + Price box)
   ========================================================= */

body.page-template-order-review .oo-order-header-grid {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 24px;
  align-items: start;
}

/* =========================================================
   7) SUMMARY KARTICE
   ========================================================= */

body.page-template-order-review .oo-order-summary {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

body.page-template-order-review .oo-order-summary-item {
  background: #f8f9fd;
  border-radius: 12px;
  padding: 16px;
}

body.page-template-order-review .oo-order-summary-label {
  font-size: 0.85rem;
  color: rgba(0, 0, 0, 0.6);
}

body.page-template-order-review .oo-order-summary-value {
  margin-top: 6px;
  font-weight: 700;
  color: #0b1b2b;
}

/* =========================================================
   8) PRICE BOX (bez naslova)
   ========================================================= */

body.page-template-order-review .oo-order-price-box {
  background: #f8f9fd;
  border-radius: 12px;
  padding: 16px;
}

body.page-template-order-review .oo-order-totals-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
}

body.page-template-order-review .oo-order-totals-row + .oo-order-totals-row {
  margin-top: 12px;
}

body.page-template-order-review .oo-order-totals-label {
  color: rgba(0, 0, 0, 0.65);
}

body.page-template-order-review .oo-order-totals-value {
  font-weight: 700;
  color: #0b1b2b;
  text-align: right;
}

/* =========================================================
   9) NASLOV "ARTIKLI" – odmak od gornjeg dijela
   ========================================================= */

body.page-template-order-review .oo-order-header + .oo-order-h2,
body.page-template-order-review .oo-order-header + h2 {
  margin-top: 48px;    /* razmak OD informacija */
  margin-bottom: 24px; /* razmak DO liste artikala */
}

/* =========================================================
   10) ITEMS
   ========================================================= */

body.page-template-order-review .oo-order-items {
  list-style: none;
  margin: 0;
  padding: 0;
}

body.page-template-order-review .oo-order-item + .oo-order-item {
  margin-top: 24px;
}

/* =========================================================
   11) SINGLE ACTION BUTTON (kao na korpi)
   ========================================================= */

body.page-template-order-review .oo-order-single-action {
  display: flex;
  justify-content: center;
  margin-top: 48px;   /* razmak OD SADRŽAJA GORE */
  margin-bottom: 32px; /* malo zraka dole */
}

body.page-template-order-review .oo-order-btn-main {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 320px;
  padding: 18px 32px;

  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;

  color: #ffffff;
  background-color: #2596be; /* ista plava kao checkout */
  border-radius: 14px;

  transition: background-color 0.2s ease, transform 0.15s ease;
}

body.page-template-order-review .oo-order-btn-main:hover {
  background-color: #1f85a9;
  transform: translateY(-1px);
}

body.page-template-order-review .oo-order-btn-main:active {
  transform: translateY(0);
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1024px) {
  body.page-template-order-review .oo-order-header-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  body.page-template-order-review .oo-order-page {
    padding: 24px 20px;
    margin-top: 80px;
  }

  body.page-template-order-review .oo-order-summary {
    grid-template-columns: 1fr;
  }

  body.page-template-order-review .oo-order-section-title {
    font-size: 26px;
    padding-bottom: 22px;
  }

  body.page-template-order-review .oo-order-header + .oo-order-h2,
  body.page-template-order-review .oo-order-header + h2 {
    margin-top: 36px;
    margin-bottom: 18px;
  }
}