/* ============================================================
   AVTOSKLO theme v5 — повний рестайл ocStore під прототип
   Сумісно з OpenCart 3.0.3.x / 3.0.4.x (+ocStore, +Blog)
   ============================================================ */
:root{
  --av-bg:#0a0e14; --av-bg2:#11161e; --av-card:#161c26;
  --av-line:#232b38; --av-line2:#2f3949;
  --av-text:#e6ecf2; --av-dim:#8b97a8; --av-mute:#5b6678;
  --av-acc:#ff5a1f; --av-acc2:#ff7440; --av-glow:rgba(255,90,31,.18);
  --av-max:1320px;
}
*{box-sizing:border-box;}
body.av-body{
  background:var(--av-bg)!important; color:var(--av-text)!important;
  font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  line-height:1.5; margin:0;
}
.av-body .container{max-width:var(--av-max); margin:0 auto; padding-left:24px; padding-right:24px; width:100%;}
.av-body a{color:var(--av-acc); text-decoration:none;}
.av-body a:hover{color:var(--av-acc2);}
.av-body h1,.av-body h2,.av-body h3,.av-body h4,.av-body h5,.av-body h6{
  font-family:'Bebas Neue','Impact',sans-serif!important; letter-spacing:1px; color:var(--av-text);
}

/* ---------- TOPBAR ---------- */
.av-topbar{background:#060810; border-bottom:1px solid var(--av-line); font-size:13px; min-height:0;}
.av-topbar__inner{display:flex; justify-content:space-between; align-items:center; gap:16px; padding:8px 24px; flex-wrap:wrap; min-height:0;}
.av-topbar__info{display:flex; gap:18px; align-items:center; color:var(--av-dim); flex-wrap:wrap;}
.av-topbar__info a{color:var(--av-dim);}
.av-topbar__info a:hover{color:var(--av-acc);}
.av-topbar__right{display:flex; gap:8px; align-items:center;}
/* перемикачі валюти/мови ocStore у топбарі */
.av-topbar #form-currency,.av-topbar #form-language{display:inline-block; margin:0;}
.av-topbar .btn-link,.av-topbar .btn-group .btn{
  color:var(--av-dim)!important; background:transparent!important; border:none!important;
  padding:2px 8px!important; font-size:13px!important; text-decoration:none!important; box-shadow:none!important;
}
.av-topbar .btn-link:hover{color:var(--av-acc)!important;}
.av-toplinks{display:flex; gap:14px; align-items:center;}
.av-toplinks a{color:var(--av-dim); font-size:13px; display:inline-flex; align-items:center; gap:5px;}
.av-toplinks a:hover{color:var(--av-acc);}

/* ---------- HEADER ---------- */
.av-header{background:var(--av-bg2); border-bottom:1px solid var(--av-line); position:sticky; top:0; z-index:1000; backdrop-filter:blur(12px);}
.av-header__inner{display:grid; grid-template-columns:auto 1fr auto; gap:32px; align-items:center; padding:16px 24px;}
.av-logo{display:flex; align-items:center; gap:10px; color:var(--av-text)!important;}
.av-logo:hover{color:var(--av-text)!important;}
.av-logo__mark{
  width:40px; height:40px; flex:none;
  background:linear-gradient(135deg,var(--av-acc),#ff8c5a); border-radius:9px;
  display:grid; place-items:center; font-family:'Bebas Neue',sans-serif; font-size:24px; color:#fff;
  box-shadow:0 4px 14px var(--av-glow);
}
.av-logo__txt strong{font-family:'Bebas Neue',sans-serif; font-size:28px; letter-spacing:2px; display:block; line-height:.9; font-weight:400;}
.av-logo__txt small{font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:1px; color:var(--av-acc); display:block; line-height:1; margin-top:3px;}

/* пошук ocStore у шапці */
.av-search #search{display:flex; background:var(--av-card); border:1px solid var(--av-line); border-radius:10px; height:50px; overflow:hidden; transition:border-color .2s;}
.av-search #search:focus-within{border-color:var(--av-acc); box-shadow:0 0 0 3px var(--av-glow);}
.av-search #search .form-control{background:transparent!important; border:none!important; color:var(--av-text)!important; height:48px!important; box-shadow:none!important; font-size:15px; padding-left:16px;}
.av-search #search .form-control::placeholder{color:var(--av-mute);}
.av-search #search .input-group-btn{display:flex;}
.av-search #search .btn{background:var(--av-acc)!important; border:none!important; color:#fff!important; height:48px; width:54px; border-radius:0; font-size:16px;}
.av-search #search .btn:hover{background:var(--av-acc2)!important;}

/* кошик ocStore у шапці */
.av-cart{display:flex; justify-content:flex-end;}
.av-cart #cart{display:block;}
.av-cart #cart>.btn{
  background:var(--av-card)!important; border:1px solid var(--av-line)!important; color:var(--av-text)!important;
  height:50px; border-radius:10px; padding:0 18px; display:flex; align-items:center; gap:8px; font-weight:600;
}
.av-cart #cart>.btn:hover,.av-cart #cart.open>.btn{border-color:var(--av-acc)!important; color:var(--av-acc)!important;}
.av-cart #cart strong{font-weight:600;}
.av-cart #cart .dropdown-menu{background:var(--av-card)!important; border:1px solid var(--av-line)!important; min-width:300px; right:0; left:auto;}
.av-cart #cart .dropdown-menu td,.av-cart #cart .dropdown-menu p,.av-cart #cart .dropdown-menu strong,.av-cart #cart .dropdown-menu a{color:var(--av-text)!important;}
.av-cart #cart .dropdown-menu .text-right a{color:var(--av-acc)!important;}

/* ---------- ГОЛОВНЕ МЕНЮ (стандартне ocStore .navbar, рестайл під прототип) ---------- */
.av-mainnav{background:var(--av-bg); border-bottom:1px solid var(--av-line);}
.av-mainnav .navbar{background:transparent!important; border:none!important; margin:0; min-height:0; border-radius:0;}
.av-mainnav .navbar-header{display:none;} /* мобільну кнопку ховаємо — меню і так скролиться */
.av-mainnav .navbar-collapse{padding:0;}
.av-mainnav .nav.navbar-nav{display:flex; flex-wrap:nowrap; overflow-x:auto; margin:0; float:none; scrollbar-width:none;}
.av-mainnav .nav.navbar-nav::-webkit-scrollbar{display:none;}
.av-mainnav .navbar-nav>li{float:none;}
.av-mainnav .navbar-nav>li>a{
  color:var(--av-dim)!important; background:transparent!important; font-size:14px; font-weight:600;
  padding:15px 18px!important; white-space:nowrap; border-bottom:2px solid transparent; transition:all .2s;
  font-family:'Manrope',sans-serif!important;
}
.av-mainnav .navbar-nav>li>a:hover,.av-mainnav .navbar-nav>li.open>a{color:var(--av-text)!important; border-color:var(--av-acc);}
.av-mainnav .dropdown-menu{background:var(--av-card)!important; border:1px solid var(--av-line)!important; border-radius:10px; padding:8px;}
.av-mainnav .dropdown-menu a{color:var(--av-text)!important; border-radius:6px; padding:8px 12px;}
.av-mainnav .dropdown-menu a:hover{background:var(--av-glow)!important; color:var(--av-acc)!important;}
.av-mainnav .dropdown-inner ul li a{color:var(--av-text)!important;}
.av-mainnav .see-all{border-top:1px solid var(--av-line); margin-top:8px;}
.av-blogmenu{display:inline-block;}
.av-blogmenu ul{list-style:none; margin:0; padding:0; display:flex;}

/* ---------- MAIN ---------- */
.av-main{min-height:55vh; padding:32px 0;}
.av-main>.container{max-width:var(--av-max);}
#content h1,#content h2{color:var(--av-text);}
#content h1{font-size:38px; letter-spacing:1.5px;}

/* breadcrumb */
.breadcrumb{background:transparent!important; padding:8px 0!important; margin-bottom:16px;}
.breadcrumb>li>a{color:var(--av-dim);}
.breadcrumb>li.active{color:var(--av-text);}
.breadcrumb>li+li:before{color:var(--av-mute);}

/* ---------- КАРТКИ ТОВАРІВ ---------- */
.product-thumb{background:var(--av-card)!important; border:1px solid var(--av-line)!important; border-radius:14px!important; overflow:hidden; transition:all .2s; display:flex; flex-direction:column; margin-bottom:24px;}
.product-thumb:hover{border-color:var(--av-acc)!important; transform:translateY(-3px); box-shadow:0 14px 36px rgba(0,0,0,.4);}
.product-thumb .image{background:linear-gradient(135deg,#1a2030,#0d1118); padding:14px; text-align:center;}
.product-thumb .image img{border-radius:8px; max-width:100%; height:auto;}
.product-thumb .caption{padding:16px 16px 6px; flex:1; min-height:auto;}
.product-thumb h4{margin:0 0 8px;}
.product-thumb .caption h4 a{color:var(--av-text)!important; font-family:'Manrope',sans-serif!important; font-size:14px; font-weight:600; letter-spacing:0; line-height:1.4;}
.product-thumb .caption h4 a:hover{color:var(--av-acc)!important;}
.product-thumb .caption p{color:var(--av-mute); font-size:12px;}
.product-thumb .price{font-family:'Bebas Neue',sans-serif!important; font-size:27px!important; color:var(--av-acc)!important; letter-spacing:1px; margin:6px 0 0; padding:0 16px;}
.product-thumb .price-tax{display:none;}
.product-thumb .price-old{font-family:'Manrope',sans-serif!important; font-size:13px!important; color:var(--av-mute)!important; text-decoration:line-through;}
.product-thumb .button-group{background:var(--av-bg2)!important; border-top:1px solid var(--av-line)!important; display:flex; margin-top:12px;}
.product-thumb .button-group button{background:transparent!important; color:var(--av-dim)!important; border:none!important; flex:1; padding:13px 8px; font-weight:600; transition:all .2s;}
.product-thumb .button-group button:first-child{color:var(--av-acc)!important;}
.product-thumb .button-group button:hover{background:var(--av-glow)!important; color:var(--av-acc)!important;}

/* ---------- КНОПКИ ---------- */
.btn-primary,.btn-default.btn-primary{background:var(--av-acc)!important; border-color:var(--av-acc)!important; color:#fff!important; font-weight:600;}
.btn-primary:hover{background:var(--av-acc2)!important; border-color:var(--av-acc2)!important;}
.btn-default{background:var(--av-card)!important; border-color:var(--av-line)!important; color:var(--av-text)!important;}
.btn-default:hover{border-color:var(--av-acc)!important; color:var(--av-acc)!important;}

/* ---------- ФОРМИ ---------- */
.form-control,select.form-control,textarea.form-control{background:var(--av-card)!important; border:1px solid var(--av-line)!important; color:var(--av-text)!important; box-shadow:none;}
.form-control:focus{border-color:var(--av-acc)!important; box-shadow:0 0 0 3px var(--av-glow)!important;}
.form-control::placeholder{color:var(--av-mute);}
label,.control-label,.col-form-label{color:var(--av-dim)!important;}
legend{color:var(--av-text)!important; border-color:var(--av-line)!important; font-family:'Bebas Neue',sans-serif; letter-spacing:1px;}

/* панелі/well/таблиці */
.panel,.well{background:var(--av-card)!important; border:1px solid var(--av-line)!important; color:var(--av-text)!important; border-radius:12px;}
.panel-heading{background:var(--av-bg2)!important; border-bottom:1px solid var(--av-line)!important; color:var(--av-text)!important;}
.panel-footer{background:var(--av-bg2)!important; border-top:1px solid var(--av-line)!important;}
.table{color:var(--av-text)!important;}
.table>thead>tr>th,.table>tbody>tr>td{border-color:var(--av-line)!important;}
.table-bordered{border-color:var(--av-line)!important;}
.table-hover>tbody>tr:hover{background:var(--av-bg2)!important;}

/* пагінація */
.pagination>li>a,.pagination>li>span{background:var(--av-card)!important; border-color:var(--av-line)!important; color:var(--av-dim)!important;}
.pagination>li.active>a,.pagination>li.active>span{background:var(--av-acc)!important; border-color:var(--av-acc)!important; color:#fff!important;}

/* алерти */
.alert-success{background:rgba(24,201,100,.12)!important; border-color:rgba(24,201,100,.4)!important; color:#18c964!important;}
.alert-danger{background:rgba(255,59,59,.12)!important; border-color:rgba(255,59,59,.4)!important; color:#ff6b6b!important;}
.alert-info,.alert-warning{background:rgba(0,212,255,.08)!important; border-color:rgba(0,212,255,.3)!important; color:#7adcf0!important;}

/* ---------- СТОРІНКА ТОВАРУ ---------- */
#product .form-control{margin-bottom:8px;}
#button-cart{background:var(--av-acc)!important; border-color:var(--av-acc)!important; color:#fff!important; font-family:'Bebas Neue',sans-serif; font-size:18px; letter-spacing:2px; padding:12px 28px;}
#button-cart:hover{background:var(--av-acc2)!important;}
.nav-tabs{border-color:var(--av-line)!important;}
.nav-tabs>li>a{color:var(--av-dim)!important; background:transparent!important; border-color:transparent!important;}
.nav-tabs>li.active>a{background:var(--av-card)!important; border-color:var(--av-line) var(--av-line) transparent!important; color:var(--av-acc)!important;}
.tab-content{color:var(--av-dim); padding-top:16px;}
.thumbnail,.image-additional a{background:linear-gradient(135deg,#1a2030,#0d1118)!important; border-color:var(--av-line)!important; border-radius:10px;}
.rating .fa-star{color:var(--av-acc);}
h2{color:var(--av-text);}
#content .col-sm-3 h2,#content .list-group{color:var(--av-text);}
.list-group-item{background:var(--av-card)!important; border-color:var(--av-line)!important; color:var(--av-text)!important;}
.list-group-item:hover,.list-group-item.active{background:var(--av-glow)!important; color:var(--av-acc)!important; border-color:var(--av-line)!important;}

/* дропдауни загальні */
.dropdown-menu{background:var(--av-card)!important; border:1px solid var(--av-line)!important;}
.dropdown-menu>li>a{color:var(--av-text)!important;}
.dropdown-menu>li>a:hover{background:var(--av-glow)!important; color:var(--av-acc)!important;}

/* ---------- FOOTER ---------- */
.av-footer{background:#060810; border-top:1px solid var(--av-line); padding:56px 0 24px; margin-top:64px;}
.av-footer__top{display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:40px;}
.av-footer__about{font-size:13px; color:var(--av-dim); max-width:360px; margin:16px 0;}
.av-footer__contacts{display:flex; flex-direction:column; gap:6px; font-size:13px; color:var(--av-dim);}
.av-footer__contacts a{color:var(--av-dim);}
.av-footer__contacts a:hover{color:var(--av-acc);}
.av-footer__col h5{font-family:'Bebas Neue',sans-serif; font-size:18px; letter-spacing:1.5px; color:var(--av-text); margin:0 0 16px;}
.av-footer__col ul{list-style:none; padding:0; margin:0;}
.av-footer__col li{margin-bottom:9px;}
.av-footer__col a{color:var(--av-dim); font-size:14px;}
.av-footer__col a:hover{color:var(--av-acc);}
.av-footer__bottom{border-top:1px solid var(--av-line); margin-top:40px; padding-top:24px; text-align:center; color:var(--av-mute); font-family:'JetBrains Mono',monospace; font-size:12px;}
.av-footer__bottom p{margin:0;}

/* ---------- RESPONSIVE ---------- */
@media (max-width:991px){
  .av-header__inner{grid-template-columns:auto auto; grid-template-rows:auto auto; gap:16px;}
  .av-search{grid-column:1/-1; grid-row:2;}
  .av-footer__top{grid-template-columns:1fr 1fr;}
}
@media (max-width:600px){
  .av-footer__top{grid-template-columns:1fr;}
  .av-header__inner{grid-template-columns:1fr auto;}
}