/* ==== CORRECTION 2026-10j ALL 12 + READABLE + FOOTER ==== */

/* 1–2: Root readable (defeat Porto 10px / 62.5%) */
html { font-size: 16px !important; }
body {
  font-size: 16px !important;
  line-height: 1.5 !important;
  color: #333333 !important;
}

/* Top utility panel */
.panel.wrapper,
.header.panel,
.header.panel .header.links a,
.page-header .panel a,
.welcome-msg {
  font-size: 14px !important;
  line-height: 1.4 !important;
  color: #333333 !important;
}

/* 2: Desktop nav — WHITE (Porto paints UL gray #403f3f) */
.page-header.type23 + .sections.nav-sections,
.sections.nav-sections,
.nav-sections,
.nav-sections .nav-sections-item-content,
.navigation,
.navigation.sw-megamenu,
.navigation.sw-megamenu > ul,
.navigation > ul,
.sw-megamenu > ul,
.navigation .ui-menu,
ul.ui-menu {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}
.nav-sections {
  border-bottom: 1px solid #dde3ea !important;
}
.navigation .level0 > .level-top,
.navigation.sw-megamenu .level0 > .level-top,
.navigation .ui-menu-item > .level-top {
  color: #043E89 !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  text-transform: none !important;
  padding: 14px 12px !important;
  background: transparent !important;
  background-color: transparent !important;
}
.navigation .level0 > .level-top:hover,
.navigation .level0.active > .level-top,
.navigation .ui-menu-item > .level-top:hover {
  color: #032E66 !important;
}
@media (min-width: 992px) {
  .navigation .level0 > .level-top img,
  .navigation.sw-megamenu img.menu-thumb-icon { display: none !important; }
  .navigation .open-children-toggle { display: none !important; }
}

/* Header icons — no white circles; show icon */
.page-header.type23 .gzs-account-link,
.page-header .gzs-account-link,
.page-header.type23 .action.my-wishlist,
.page-header.type23 .header_account_link {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}
.page-header .gzs-account-link::before,
.page-header .gzs-account-link::after,
.page-header.type23 .action.my-wishlist::before,
.page-header.type23 .gzs-account-link i {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.page-header .gzs-account-link i,
.page-header .gzs-account-link .porto-new-icon-user-2 {
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  font-size: 22px !important;
  line-height: 1 !important;
  color: #043E89 !important;
}

/* Hide leftover Application label in header */
.page-header a[title="Application"] {
  font-size: 0 !important;
}
.page-header a[title="Application"]::after {
  content: "Prijava" !important;
  font-size: 14px !important;
  color: #043E89 !important;
}

/* Minicart empty readable */
.block-minicart,
.block-minicart .block-content,
.minicart-wrapper .block-minicart,
.block-minicart .subtitle.empty,
.block-minicart strong.subtitle,
.block-minicart .subtitle {
  font-size: 16px !important;
  line-height: 1.5 !important;
  color: #333333 !important;
}

/* 3: Hide Kupujte po leftovers */
.toolbar .sorter .sorter-label:empty,
.block-title.filter-title + .filter-subtitle,
.sidebar .block.filter .block-subtitle,
[data-gzs-remove="kupujte-po"] { display: none !important; }

/* 4–5: Product name + ATC */
.products-grid .product-item-name a,
.product-item-name a,
.product.name a {
  color: #333333 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
}
.products-grid .actions-primary,
.products-grid .product-item-actions {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
}
.products-grid .action.tocart,
.products-grid button.action.tocart,
.action.primary.tocart {
  background: #043E89 !important;
  background-color: #043E89 !important;
  border-color: #043E89 !important;
  color: #ffffff !important;
}
.products-grid .action.tocart:hover,
.action.primary.tocart:hover {
  background: #032E66 !important;
  border-color: #032E66 !important;
}

/* 8: Six product cards ≥1440 */
@media (min-width: 1440px) {
  .products-grid .product-items,
  .products.wrapper.grid .product-items,
  .gzs-featured .products.product-items.widget-product-grid,
  .catalog-category-view .column.main .products-grid .product-items,
  .catalogsearch-result-index .column.main .products-grid .product-items,
  .page-layout-2columns-left .column.main .products-grid .product-items,
  .page-layout-2columns-right .column.main .products-grid .product-items {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
  .products-grid .product-item {
    width: auto !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
  }
}

/* 9: Terms */
.gzs-terms-page,
.cms-splosni-pogoji .gzs-terms-page {
  max-width: 800px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  color: #333333 !important;
}
.gzs-terms-page * {
  font-size: 16px !important;
  line-height: 1.65 !important;
  color: #333333 !important;
}
.gzs-terms-page h1 { font-size: 31px !important; font-weight: 700 !important; }
.gzs-terms-page h2 { font-size: 23px !important; font-weight: 700 !important; }
.gzs-terms-page h3 { font-size: 19px !important; font-weight: 700 !important; }

/* 10: Password reset readable */
.customer-account-forgotpassword .column.main,
.customer-account-createpassword .column.main,
.form.password.forget,
.form.password.reset {
  font-size: 16px !important;
  max-width: 560px !important;
  margin: 0 auto !important;
}
.customer-account-forgotpassword .fieldset .label,
.customer-account-createpassword .fieldset .label {
  font-size: 15px !important;
  color: #333333 !important;
}

/* 11: Logo — light PNG, NO dark plate, +50% */
.page-header.type23 .logo,
.page-header .logo,
.header.content .logo,
.page-footer .gzs-footer-brand__logo,
a.gzs-footer-brand__logo {
  background: transparent !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  max-width: 330px !important;
}
.page-header.type23 .logo img,
.page-header .logo img {
  max-height: 78px !important;
  max-width: 330px !important;
  width: auto !important;
  height: auto !important;
  background: transparent !important;
}
.page-footer .gzs-footer-brand__logo img,
a.gzs-footer-brand__logo img {
  max-width: 270px !important;
  width: 270px !important;
  height: auto !important;
  background: transparent !important;
}

/* Footer legal = © color; Creativelab = Magento/GZS blue */
.gzs-footer-copy,
.gzs-footer-legal,
.gzs-footer-legal a,
.page-footer .gzs-footer-legal a {
  color: #666666 !important;
  font-size: 14px !important;
}
.gzs-footer-legal a:hover { color: #043E89 !important; text-decoration: underline !important; }

.gzs-footer-bottom__inner {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px 24px !important;
}
.gzs-footer-credit {
  margin: 0 0 0 auto !important;
  font-size: 14px !important;
  color: #666666 !important;
  text-align: right !important;
}
.gzs-footer-credit a,
.page-footer .gzs-footer-credit a,
a[href*="creativelab.si"] {
  color: #043E89 !important; /* Magento / GZS link blue */
  text-decoration: underline !important;
  font-weight: 600 !important;
}
.gzs-footer-credit a:hover {
  color: #032E66 !important;
}

/* Login page — center stack, same left edge (no zamik) */
.customer-account-login .login-container {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  float: none !important;
  width: 100% !important;
  max-width: 560px !important;
  margin: 0 auto !important;
  padding: 24px 0 48px !important;
  box-sizing: border-box !important;
}
.customer-account-login .login-container .row {
  display: contents !important; /* unwrap bootstrap row so children share width */
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  float: none !important;
}
.customer-account-login .login-container .block-customer-login,
.customer-account-login .login-container .block-new-customer,
.customer-account-login .login-container .block.block-customer-login,
.customer-account-login .login-container .block.block-new-customer.gzs-reg-block,
.customer-account-login .login-container .block-customer-login.col-md-6,
.customer-account-login .login-container .col-md-6,
.customer-account-login .login-container .col-md-6.mx-auto,
.customer-account-login .login-container .gzs-reg-chooser,
.customer-account-login .login-container > .block {
  float: none !important;
  flex: 0 0 auto !important;
  position: static !important;
  width: 100% !important;
  max-width: 560px !important;
  margin: 0 0 28px 0 !important;
  padding: 0 !important;
  left: auto !important;
  right: auto !important;
  box-sizing: border-box !important;
}
.customer-account-login .login-container .gzs-reg-chooser {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
  margin-bottom: 0 !important;
}
.customer-account-login .block-title,
.customer-account-login .fieldset .label,
.customer-account-login .fieldset .note,
.customer-account-login p {
  font-size: 16px !important;
  color: #333333 !important;
}
.customer-account-login .block-title strong,
.customer-account-login h2 {
  font-size: 22px !important;
  color: #043E89 !important;
}
.customer-account-login .action.login,
.customer-account-login .action.create {
  font-size: 16px !important;
}
@media (max-width: 640px) {
  .customer-account-login .gzs-reg-chooser {
    grid-template-columns: 1fr !important;
  }
}

/* Hide Magento default auth popup leftovers on login page content */
.customer-account-login #authenticationPopup { display: none !important; }