/* Autokozmetika PRO – prémiový tmavý dizajnový systém pre OpenCart 4.1 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{
  --apro-bg:#07090b; --apro-surface:#0e1115; --apro-surface2:#141920; --apro-line:#272d34;
  --apro-text:#e8ecf1; --apro-muted:#93a0ad;
  --apro-red:#e5262b; --apro-red2:#ff3a3f; --apro-blue:#25c7e8; --apro-gold:#d2aa5b;
  --apro-shadow:0 24px 70px rgba(0,0,0,.42); --apro-radius:18px; --apro-max:1420px;
}
html,body{background:var(--apro-bg)!important;color:var(--apro-text)!important;
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif!important;
  -webkit-font-smoothing:antialiased;}
body{font-size:15.5px;line-height:1.65;}
.container{max-width:var(--apro-max)!important;}
h1,h2,h3,h4,h5,legend{color:#fff!important;font-weight:800!important;letter-spacing:-.02em;}
h1{font-size:clamp(28px,3.4vw,44px)!important;margin-bottom:.5em;}
h2{font-size:clamp(22px,2.4vw,32px)!important;}
h3{font-size:20px!important;}
p,li,td,th,label,small{color:var(--apro-text);}
a{color:var(--apro-blue);text-decoration:none;}
a:hover{color:#5fdcf5;text-decoration:none;}
hr{border-color:var(--apro-line);opacity:.6;}

/* ---- Top bar ---- */
#top,.nav.justify-content-end{background:#05070a!important;border-bottom:1px solid var(--apro-line);}
#top .list-inline-item a,#top a,#top span{color:var(--apro-muted)!important;font-size:13.5px;font-weight:500;}
#top a:hover{color:#fff!important;}

/* ---- Header ---- */
header,#header,.site-header{background:var(--apro-surface)!important;border-bottom:1px solid var(--apro-line);}
#logo a,#logo{font-weight:900;font-size:26px;letter-spacing:-.03em;color:#fff!important;display:inline-block;}
#logo img{max-height:52px;width:auto;}
#search input,.form-control,.form-select,input[type=text],input[type=email],input[type=password],input[type=tel],textarea,select{
  background:var(--apro-surface2)!important;border:1px solid var(--apro-line)!important;color:var(--apro-text)!important;
  border-radius:12px!important;padding:12px 16px!important;box-shadow:none!important;}
.form-control::placeholder{color:#6c7a88!important;}
.form-control:focus,select:focus,textarea:focus{border-color:var(--apro-blue)!important;box-shadow:0 0 0 3px rgba(37,199,232,.16)!important;}
#search .btn,.input-group .btn{background:var(--apro-red)!important;border:none!important;color:#fff!important;border-radius:0 12px 12px 0!important;}
#search .btn:hover{background:var(--apro-red2)!important;}
#header-cart .btn,#cart>.btn{background:linear-gradient(135deg,var(--apro-red),var(--apro-red2))!important;border:none!important;
  color:#fff!important;font-weight:700!important;border-radius:14px!important;padding:12px 22px!important;box-shadow:0 10px 26px rgba(229,38,43,.28);}

/* ---- Hlavné menu ---- */
#menu,.navbar,nav.navbar{background:#0b0f14!important;border-top:1px solid var(--apro-line);border-bottom:1px solid var(--apro-line);}
#menu .nav-link,.navbar .nav-link,#menu>ul>li>a{color:var(--apro-text)!important;font-weight:600!important;font-size:14.5px;
  letter-spacing:.01em;padding:16px 18px!important;position:relative;}
#menu .nav-link:hover,.navbar .nav-link:hover{color:#fff!important;}
#menu .nav-link::after{content:'';position:absolute;left:18px;right:18px;bottom:8px;height:2px;background:var(--apro-red);
  transform:scaleX(0);transition:transform .22s ease;border-radius:2px;}
#menu .nav-link:hover::after{transform:scaleX(1);}
.dropdown-menu{background:var(--apro-surface)!important;border:1px solid var(--apro-line)!important;
  border-radius:14px!important;box-shadow:var(--apro-shadow)!important;padding:8px!important;}
.dropdown-item,.dropdown-menu a{color:var(--apro-text)!important;border-radius:10px;padding:9px 14px!important;font-size:14px;}
.dropdown-item:hover,.dropdown-menu a:hover{background:var(--apro-surface2)!important;color:#fff!important;}

/* ---- Breadcrumb ---- */
.breadcrumb{background:transparent!important;padding:18px 0!important;border:none!important;font-size:13.5px;}
.breadcrumb a{color:var(--apro-muted)!important;}
.breadcrumb a:hover{color:var(--apro-blue)!important;}
.breadcrumb-item+.breadcrumb-item::before{color:#4a555f!important;}

/* ---- Karty, panely, listy ---- */
.card,.panel,.well,.list-group-item,.thumbnail{background:var(--apro-surface)!important;
  border:1px solid var(--apro-line)!important;color:var(--apro-text)!important;border-radius:var(--apro-radius)!important;}
.card-header,.panel-heading{background:var(--apro-surface2)!important;border-bottom:1px solid var(--apro-line)!important;
  color:#fff!important;font-weight:700!important;border-radius:var(--apro-radius) var(--apro-radius) 0 0!important;}
.list-group-item.active,.list-group-item:hover{background:var(--apro-surface2)!important;color:#fff!important;border-color:var(--apro-line)!important;}
.list-group-item.active{border-left:3px solid var(--apro-red)!important;}

/* ---- Produktové karty ---- */
.product-thumb{background:var(--apro-surface)!important;border:1px solid var(--apro-line)!important;
  border-radius:var(--apro-radius)!important;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}
.product-thumb:hover{transform:translateY(-4px);box-shadow:var(--apro-shadow);border-color:#3a434d!important;}
.product-thumb .image{background:#fff;padding:18px;display:flex;align-items:center;justify-content:center;min-height:210px;}
.product-thumb .image img{mix-blend-mode:normal;max-height:200px;object-fit:contain;}
.product-thumb .caption{padding:18px!important;}
.product-thumb h4,.product-thumb .caption a{color:#fff!important;font-size:15.5px!important;font-weight:700!important;line-height:1.4;}
.product-thumb p{color:var(--apro-muted)!important;font-size:13.5px;}
.price{color:#fff!important;font-weight:800!important;font-size:21px!important;letter-spacing:-.02em;}
.price-new{color:var(--apro-red2)!important;}
.price-old{color:#6c7a88!important;text-decoration:line-through;font-size:15px!important;font-weight:500!important;}
.price-tax{color:var(--apro-muted)!important;font-size:12.5px!important;font-weight:500!important;}

/* ---- Tlačidlá ---- */
.btn{border-radius:14px!important;font-weight:700!important;padding:12px 22px!important;border:none!important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;letter-spacing:.005em;}
.btn:hover{transform:translateY(-1px);}
.btn-primary{background:linear-gradient(135deg,var(--apro-red),var(--apro-red2))!important;color:#fff!important;
  box-shadow:0 10px 26px rgba(229,38,43,.26);}
.btn-primary:hover{box-shadow:0 14px 34px rgba(229,38,43,.36);}
.btn-secondary,.btn-default,.btn-light{background:var(--apro-surface2)!important;color:var(--apro-text)!important;
  border:1px solid var(--apro-line)!important;}
.btn-secondary:hover,.btn-default:hover{background:#1c2229!important;color:#fff!important;}
.btn-info,.btn-success{background:var(--apro-blue)!important;color:#04222a!important;}
.btn-danger{background:var(--apro-red)!important;color:#fff!important;}
.btn-outline-secondary{background:transparent!important;border:1px solid var(--apro-line)!important;color:var(--apro-muted)!important;}
.btn-link{color:var(--apro-blue)!important;}

/* ---- Tabuľky ---- */
.table,table{color:var(--apro-text)!important;border-color:var(--apro-line)!important;}
.table>:not(caption)>*>*{background:transparent!important;border-color:var(--apro-line)!important;color:var(--apro-text)!important;}
.table thead th{background:var(--apro-surface2)!important;color:#fff!important;font-weight:700!important;
  text-transform:uppercase;font-size:12px;letter-spacing:.06em;border-color:var(--apro-line)!important;}
.table-hover>tbody>tr:hover>*{background:var(--apro-surface2)!important;}

/* ---- Alerty ---- */
.alert{border-radius:14px!important;border:1px solid var(--apro-line)!important;background:var(--apro-surface2)!important;color:var(--apro-text)!important;}
.alert-success{border-left:3px solid #2ecc71!important;}
.alert-danger{border-left:3px solid var(--apro-red)!important;}
.alert-info{border-left:3px solid var(--apro-blue)!important;}
.alert-warning{border-left:3px solid var(--apro-gold)!important;}

/* ---- Stránkovanie ---- */
.pagination .page-link{background:var(--apro-surface)!important;border:1px solid var(--apro-line)!important;
  color:var(--apro-text)!important;border-radius:10px!important;margin:0 3px;}
.pagination .page-item.active .page-link{background:var(--apro-red)!important;border-color:var(--apro-red)!important;color:#fff!important;}

/* ---- Formuláre / pokladňa ---- */
.form-check-input{background:var(--apro-surface2)!important;border-color:var(--apro-line)!important;}
.form-check-input:checked{background:var(--apro-red)!important;border-color:var(--apro-red)!important;}
.nav-tabs{border-bottom:1px solid var(--apro-line)!important;}
.nav-tabs .nav-link{color:var(--apro-muted)!important;border:none!important;font-weight:600!important;}
.nav-tabs .nav-link.active{color:#fff!important;background:transparent!important;border-bottom:2px solid var(--apro-red)!important;}
.accordion-item,.accordion-button{background:var(--apro-surface)!important;color:var(--apro-text)!important;border-color:var(--apro-line)!important;}
.accordion-button:not(.collapsed){background:var(--apro-surface2)!important;color:#fff!important;box-shadow:none!important;}

/* ---- Footer ---- */
footer{background:#05070a!important;border-top:1px solid var(--apro-line);color:var(--apro-muted)!important;
  margin-top:70px;padding:56px 0 28px!important;}
footer h5,footer h4{color:#fff!important;font-size:14px!important;text-transform:uppercase;
  letter-spacing:.1em;font-weight:800!important;margin-bottom:18px;}
footer a{color:var(--apro-muted)!important;font-size:14px;line-height:2.1;}
footer a:hover{color:var(--apro-blue)!important;}
footer hr{border-color:var(--apro-line);}
footer p{color:#6c7a88!important;font-size:13px;}

/* ---- Detail produktu ---- */
.product-info .thumbnails,#product .image{background:#fff;border-radius:var(--apro-radius);padding:24px;}
#tab-description,#tab-specification,#tab-review{padding-top:22px;}
#tab-description h2,#tab-description h3{margin-top:26px;}
#tab-description ul{padding-left:22px;}
#tab-description li{margin-bottom:7px;}

/* ---- Rôzne ---- */
.rating .fa-star{color:var(--apro-gold)!important;}
::selection{background:var(--apro-red);color:#fff;}
::-webkit-scrollbar{width:11px;height:11px;}
::-webkit-scrollbar-track{background:var(--apro-bg);}
::-webkit-scrollbar-thumb{background:#2c333b;border-radius:6px;}
::-webkit-scrollbar-thumb:hover{background:#3c444e;}
#column-left,#column-right{padding-top:6px;}
.modal-content{background:var(--apro-surface)!important;border:1px solid var(--apro-line)!important;border-radius:var(--apro-radius)!important;}
.modal-header,.modal-footer{border-color:var(--apro-line)!important;}
.btn-close{filter:invert(1) grayscale(1) brightness(2);}
@media(max-width:767px){h1{font-size:26px!important;} .btn{padding:11px 18px!important;}}