/* Obnovi si – videz trgovine (OpenCart 4.1.0.4) */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=Barlow:wght@400;500;600&display=swap');

:root { --obn-accent:#0a74ab; --obn-accent-dark:#0b6e99; --obn-dark:#0d0f12; }

body { font-family:'Barlow',system-ui,sans-serif; font-size:16px; }
h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4 { font-family:'Barlow Condensed',sans-serif; font-weight:700; }

/* iPhone: pisava 16px v poljih prepreči samodejno povečavo strani */
input,select,textarea,.form-control,.form-select { font-size:16px !important; min-height:44px; }

/* Zgornja vrstica */
#top { background:var(--obn-dark); border:0; }
#top, #top a, #top .nav-link, #top .btn, #top .btn-link { color:#b4bcc5; }
#top a:hover { color:#fff; }

/* Iskanje in košarica */
#search .form-control { border-radius:6px 0 0 6px; }
#search .btn, #cart > .btn { background:var(--obn-accent); border-color:var(--obn-accent); color:#fff; min-height:44px; }

/* Modra navigacijska vrstica */
#menu { background:var(--obn-accent) !important; border:0; border-radius:0; margin-bottom:20px; }
#menu .nav-link, #menu .navbar-brand, #menu .navbar-toggler { color:#fff !important; font-weight:600; min-height:44px; display:flex; align-items:center; }
#menu .nav-link:hover, #menu .nav-link:focus { background:rgba(0,0,0,.18); }
#menu .dropdown-menu { background:var(--obn-accent-dark); border:0; border-radius:0 0 6px 6px; padding:0; }
#menu .dropdown-item { color:#fff; min-height:44px; display:flex; align-items:center; font-weight:500; }
#menu .dropdown-item:hover, #menu .dropdown-item:focus { background:rgba(0,0,0,.22); color:#fff; }
#menu .see-all { background:rgba(0,0,0,.15); font-weight:600; }
/* Na računalniku se podmeni odpre že ob prehodu z miško */
@media (min-width:992px) { #menu .dropdown:hover > .dropdown-menu { display:block; } }

/* Gumbi */
.btn-primary { background:var(--obn-accent); border-color:var(--obn-accent); font-weight:600; min-height:44px; }
.btn-primary:hover, .btn-primary:focus { background:var(--obn-accent-dark); border-color:var(--obn-accent-dark); }
.btn-light, .btn-outline-secondary { min-height:44px; }

/* Izdelki */
.product-thumb { border-radius:10px; overflow:hidden; background:#fff; }
.product-thumb .price-new, .product-thumb .price { font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:24px; }

/* Povezave */
a { color:var(--obn-accent); }
a:hover { color:var(--obn-accent-dark); }

/* Noga */
footer { background:var(--obn-dark) !important; color:#9aa3ad; margin-top:40px; }
footer h5 { color:#fff; font-family:'Barlow Condensed',sans-serif; }
footer a { color:#9aa3ad; }
footer a:hover { color:#fff; }

/* obn-bg */
body { background-color:#1f1f1f; background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px),repeating-linear-gradient(-45deg,rgba(0,0,0,.25) 0 1px,transparent 1px 3px); background-attachment:fixed; }
/* Sredina strani je bela, črtasto ozadje je samo levo in desno */
#content { background:#fff; color:#17191d; padding:14px 16px 20px; border-radius:6px; margin-bottom:24px; }
#content h1, #content h2, #content h3, #content h4 { color:#17191d; }
/* obn-fix */
#content .obn-hero h1 { color:#fff; }
#content .obn-hero p.lead { color:#b4bcc5; }
#content .obn-hero .kick { color:#5ec3f2; }
#content .obn-sub .nm, #content .obn-tile .nm { color:#fff; }
footer { position:static !important; width:auto; margin-top:24px; }
/* obn-width */
.container > .row:has(> #content) { margin-left:0; margin-right:0; }
.container > .row:has(> #content) > #content { padding-left:16px; padding-right:16px; }
/* obn-left */
#column-left .list-group { background:transparent; border-radius:8px; overflow:hidden; border:1px solid #323a43; }
#column-left .list-group-item { background:#23272d; color:#e8eaed; border:0; border-bottom:1px solid #323a43; border-radius:0; padding:9px 14px; font-size:15px; min-height:44px; display:flex; align-items:center; }
#column-left .list-group-item:hover { background:#2f353c; color:#fff; }
#column-left .list-group-item.active { background:var(--obn-accent); color:#fff; border-color:var(--obn-accent); font-weight:600; }
#column-left .carousel { display:none; }

/* obn-radio */
input[type=radio],input[type=checkbox],.form-check-input{min-height:0 !important;font-size:inherit !important}
.form-check-input{width:1.3em;height:1.3em;margin-top:.15em}
.form-check-label{font-size:15px;color:#17191d}

/* obn-top */
#top .dropdown-menu a,#top .dropdown-menu .dropdown-item,header .dropdown-menu a,header .dropdown-menu .dropdown-item{color:#0b0d10 !important;font-size:15px !important;font-weight:600 !important;padding:9px 16px !important;min-height:40px;display:block}
#top .dropdown-menu a:hover,#top .dropdown-menu .dropdown-item:hover{background:#e3eef6 !important;color:#000 !important}
#top .dropdown-menu{min-width:190px;padding:6px 0}
#top,#top a,#top .list-inline-item,#top .dropdown-toggle{color:#fff !important;font-weight:500}

/* obn-logo */
#logo img{max-width:290px !important;width:100%;height:auto}
@media (max-width:575px){#logo img{max-width:250px !important}}

/* obn-mob */
@media (max-width:767.98px){#content{margin-left:0 !important;margin-right:0 !important}}

/* obn-cart */
@media (max-width: 767.98px) {
  #output-cart.table-responsive { overflow-x: hidden; }
  #output-cart table { width: 100%; table-layout: fixed; }
  #output-cart th, #output-cart td { padding: .4rem .3rem; font-size: .88rem; overflow-wrap: anywhere; }
  #output-cart thead th:nth-child(1) { width: 66px; }
  #output-cart thead th:nth-child(3) { width: 112px; }
  #output-cart thead th:nth-child(4) { width: 0; }
  #output-cart thead th:nth-child(5) { width: 66px; }
  #output-cart thead th:nth-child(4), #output-cart tbody td:nth-child(4) { padding: 0; border-width: 0; font-size: 0; overflow: hidden; }
  #output-cart tbody td:nth-child(3) .input-group { flex-wrap: nowrap; width: 100%; }
  #output-cart tbody td:nth-child(3) .form-control { min-width: 0; width: 30px; flex: 1 1 30px; padding-left: .25rem; padding-right: .25rem; }
  #output-cart tbody td:nth-child(3) .btn { padding: .3rem .4rem; }
  #output-cart td.text-end, #output-cart th.text-end { white-space: nowrap; }
  #output-cart tfoot td:first-child { white-space: normal; overflow-wrap: anywhere; }
}
@media (max-width: 479.98px) {
  #output-cart thead th:nth-child(1) { width: 0; }
  #output-cart thead th:nth-child(1), #output-cart tbody td:nth-child(1) { padding: 0; border-width: 0; font-size: 0; overflow: hidden; }
  #output-cart tbody td:nth-child(1) img { display: none; }
}