/* NANU Market — Original Brand Palette Pass 2026
   Visual reference: current nanu.md family.
   Primary #EC6608, accent #E25E01/#ED6F30, ink #231F20.
   Large surfaces stay clean and neutral; no yellow/brown cast. */
:root{
  --nanu-orange:#ec6608;
  --nanu-orange-hover:#e25e01;
  --nanu-orange-deep:#c94f00;
  --nanu-orange-alt:#ed6f30;
  --nanu-orange-soft:#fff0e8;
  --nanu-orange-soft-2:#fff7f3;
  --nanu-orange-line:rgba(236,102,8,.24);
  --nanu-ink:#231f20;
  --nanu-ink-2:#373636;
  --nanu-muted:#716b68;
  --nanu-muted-2:#98918d;
  --nanu-bg:#f5f5f4;
  --nanu-bg-warm:#faf9f8;
  --nanu-surface:#ffffff;
  --nanu-surface-warm:#fffaf8;
  --nanu-line:rgba(35,31,32,.09);
  --nanu-shadow-sm:0 10px 28px rgba(35,31,32,.07);
  --nanu-shadow:0 18px 48px rgba(35,31,32,.10);
  --nanu-shadow-orange:0 16px 38px rgba(236,102,8,.20);
  --primary-primary2:#ec6608;
  --accent-color:#e25e01;
  --yellow-yellow:#ed6f30;
}

html,body{
  background:var(--nanu-bg)!important;
  color:var(--nanu-ink)!important;
  overflow-x:hidden;
}
body{
  background:
    radial-gradient(circle at 7% 0%,rgba(236,102,8,.050),transparent 22rem),
    radial-gradient(circle at 96% 14%,rgba(237,111,48,.038),transparent 28rem),
    linear-gradient(180deg,#fbfaf9 0%,#f5f5f4 58%,#f8f7f6 100%)!important;
  font-family:'Onest',sans-serif!important;
}
body,*{box-sizing:border-box}
::selection{background:#ec6608;color:#111}

/* Keep page surfaces clean instead of yellow/brown. */
#common-home,.nanu-home-page,#content,.main-content,main,
#product-category,#product-product,#product-search,#product-special,
#account-account,#account-login,#account-register,#information-information,
#information-contact,#checkout-cart,#checkout-checkout{
  background:transparent!important;
}

/* Global typography */
h1,h2,h3,h4,h5,h6{color:var(--nanu-ink)!important;letter-spacing:-.025em}
p{color:inherit}
a{transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
#content a:not(.btn){color:var(--nanu-orange-deep)}
#content a:not(.btn):hover{color:var(--nanu-orange-hover)}

/* Forms */
.form-control,input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="number"],input[type="search"],select,textarea{
  background:#fff!important;
  color:var(--nanu-ink)!important;
  border:1px solid rgba(23,22,20,.12)!important;
  border-radius:14px!important;
  box-shadow:0 1px 0 rgba(255,255,255,.7),inset 0 1px 2px rgba(0,0,0,.015)!important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.form-control:focus,input:focus,select:focus,textarea:focus{
  outline:0!important;
  border-color:rgba(236,102,8,.68)!important;
  box-shadow:0 0 0 4px rgba(236,102,8,.11),0 9px 24px rgba(35,31,32,.055)!important;
}
.form-control::placeholder,input::placeholder,textarea::placeholder{color:#aaa39a!important;opacity:1}

/* Buttons */
.btn-primary,.btn-warning,.button,.wild,
button.btn-primary,input.btn-primary,
#button-cart,#button-confirm,.checkout-checkout .btn-primary,
.cart-one,.cart-two,button[onclick*="cart.add"]{
  background:#ec6608!important;
  border:1px solid #ec6608!important;
  color:#fff!important;
  border-radius:14px!important;
  font-weight:850!important;
  box-shadow:var(--nanu-shadow-orange)!important;
  text-shadow:none!important;
}
.btn-primary:hover,.btn-warning:hover,.button:hover,.wild:hover,
button.btn-primary:hover,input.btn-primary:hover,
#button-cart:hover,#button-confirm:hover,.cart-one:hover,.cart-two:hover,button[onclick*="cart.add"]:hover{
  background:#e25e01!important;
  border-color:#e25e01!important;
  color:#fff!important;
  transform:translateY(-1px);
  box-shadow:0 18px 42px rgba(226,94,1,.28)!important;
}
.btn-default,.btn-light,.button-default{
  background:#fff!important;
  border:1px solid var(--nanu-line)!important;
  color:var(--nanu-ink)!important;
  border-radius:14px!important;
  box-shadow:var(--nanu-shadow-sm)!important;
}
.btn-default:hover,.btn-light:hover,.button-default:hover{
  background:var(--nanu-orange-soft-2)!important;
  border-color:var(--nanu-orange-line)!important;
  color:var(--nanu-orange-deep)!important;
}

/* Common content cards */
.panel,.well,.list-group,.thumbnail,.table-responsive,.account-list,
#content>.row>div[class*="col-"]>.well,
.category-info,.manufacturer-list,.information-page .content{
  border-color:var(--nanu-line)!important;
}
.panel,.well,.thumbnail,.account-list{
  background:#fff!important;
  border-radius:22px!important;
  box-shadow:var(--nanu-shadow-sm)!important;
}
.panel-heading{
  background:linear-gradient(180deg,#fff,#fffaf8)!important;
  border-color:var(--nanu-line)!important;
  color:var(--nanu-ink)!important;
  font-weight:850!important;
}
.panel-footer{background:#faf9f7!important;border-color:var(--nanu-line)!important}
.list-group-item{
  background:#fff!important;
  border-color:var(--nanu-line)!important;
  color:var(--nanu-ink-2)!important;
}
.list-group-item:hover,.list-group-item.active,.list-group-item.active:hover{
  background:var(--nanu-orange-soft-2)!important;
  color:var(--nanu-orange-deep)!important;
  border-color:var(--nanu-orange-line)!important;
}

/* Breadcrumbs */
.breadcrumb{
  margin-top:18px!important;
  margin-bottom:22px!important;
  padding:11px 15px!important;
  background:rgba(255,255,255,.78)!important;
  border:1px solid var(--nanu-line)!important;
  border-radius:16px!important;
  box-shadow:0 8px 22px rgba(35,31,32,.045)!important;
}
.breadcrumb>li,.breadcrumb>li>a{color:#817a72!important;font-size:13px!important}
.breadcrumb>li:last-child,.breadcrumb>li:last-child>a{color:var(--nanu-ink)!important;font-weight:750!important}
.breadcrumb>li+li:before{color:rgba(236,102,8,.72)!important}

/* Tables / checkout / account */
.table{background:#fff!important;color:var(--nanu-ink)!important;border-radius:18px!important;overflow:hidden}
.table>thead>tr>td,.table>thead>tr>th{background:#fff7f3!important;color:var(--nanu-ink)!important;border-color:var(--nanu-line)!important}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td{border-color:var(--nanu-line)!important}
.table-hover>tbody>tr:hover{background:#fffaf8!important}

/* Pagination */
.pagination>li>a,.pagination>li>span{
  margin:0 3px!important;
  min-width:40px!important;
  height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:12px!important;
  border:1px solid var(--nanu-line)!important;
  background:#fff!important;
  color:var(--nanu-ink)!important;
  font-weight:800!important;
}
.pagination>.active>a,.pagination>.active>span,.pagination>li>a:hover{
  background:#ec6608!important;
  border-color:#ec6608!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(236,102,8,.24)!important;
}

/* Dropdowns */
.dropdown-menu{
  background:#fff!important;
  border:1px solid var(--nanu-line)!important;
  border-radius:16px!important;
  box-shadow:0 18px 48px rgba(35,31,32,.14)!important;
  overflow:hidden;
}
.dropdown-menu>li>a{color:var(--nanu-ink)!important;padding:10px 16px!important}
.dropdown-menu>li>a:hover{background:#fff3ed!important;color:var(--nanu-orange-deep)!important}

/* Generic labels / badges */
.label-primary,.label-warning,.badge,.alert-warning{
  background:#fff0e8!important;
  color:#c94f00!important;
  border-color:rgba(236,102,8,.22)!important;
}
.alert-success{border-color:rgba(50,160,95,.22)!important}

/* Product grids across category/search/modules */
.product-layout{min-width:0}
.product-thumb{
  background:#fff!important;
  border:1px solid var(--nanu-line)!important;
  border-radius:22px!important;
  box-shadow:0 12px 30px rgba(35,31,32,.065)!important;
}
.product-thumb:hover{
  border-color:rgba(236,102,8,.38)!important;
  box-shadow:0 20px 46px rgba(35,31,32,.105),0 0 0 1px rgba(236,102,8,.04)!important;
}
.product-thumb .image,.product-thumb .image>a{background:#fff!important}
.product-thumb .model{color:#aaa199!important}
.product-thumb .caption>a,.product-thumb .name,.product-thumb h4 a{color:var(--nanu-ink)!important}
.product-thumb .caption>a:hover,.product-thumb h4 a:hover{color:#e25e01!important}
.product-thumb .price,.product-thumb .new,.product-thumb .price-new,.product-thumb .new.sale{color:#e25e01!important;font-weight:900!important}
.product-thumb .old,.product-thumb .price-old{color:#aaa199!important}
.product-thumb .labels .pr-sale,.product-thumb .pr-sale{background:#ec6608!important;color:#fff!important}
.product-thumb .labels .pr-new,.product-thumb .labels .pr-top,.product-thumb .pr-new,.product-thumb .pr-top{background:#242321!important;color:#fff!important}
.product-thumb .btns button{
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(23,22,20,.08)!important;
  box-shadow:0 8px 20px rgba(35,31,32,.08)!important;
}
.product-thumb .btns button:hover{background:#fff2ec!important;border-color:rgba(236,102,8,.24)!important;transform:translateY(-2px)}
.product-thumb .btns svg path[stroke="#EC6608"],.product-thumb .btns svg path[stroke="#ec6608"]{stroke:#ec6608!important}
.product-thumb .btns svg path[fill="#EC6608"],.product-thumb .btns svg path[fill="#E15E02"]{fill:#ec6608!important}
.product-thumb .cart-one{
  background:#fff6f2!important;
  border:1px solid rgba(236,102,8,.34)!important;
  color:#d85600!important;
  box-shadow:none!important;
}
.product-thumb .cart-one:hover{background:#ec6608!important;color:#fff!important}
.product-thumb .cart-two{background:#ec6608!important;border-color:#ec6608!important;color:#fff!important}

/* Category/search toolbar */
#product-category h1,#product-search h1,#product-special h1,
.category-title,.page-title{font-weight:950!important;letter-spacing:-.04em!important}
#product-category .btn-group>.btn,#product-search .btn-group>.btn,
#input-sort,#input-limit{
  background:#fff!important;
  border-color:var(--nanu-line)!important;
  color:var(--nanu-ink)!important;
}
#product-category .btn-group>.btn.active,#product-category .btn-group>.btn:hover,
#product-search .btn-group>.btn.active,#product-search .btn-group>.btn:hover{
  background:#fff2eb!important;
  border-color:rgba(236,102,8,.24)!important;
  color:#d85600!important;
}

/* Product detail page */
#product-product .thumbnails>li>a,.product-page .thumbnail{
  background:#fff!important;
  border:1px solid var(--nanu-line)!important;
  border-radius:20px!important;
  box-shadow:var(--nanu-shadow-sm)!important;
}
#product-product h1{font-weight:950!important;letter-spacing:-.04em!important}
#product-product .price-new,#product-product .price{color:#d85600!important}
#product-product .nav-tabs{border-color:var(--nanu-line)!important}
#product-product .nav-tabs>li>a{color:var(--nanu-muted)!important;border-radius:13px 13px 0 0!important}
#product-product .nav-tabs>li.active>a,#product-product .nav-tabs>li>a:hover{
  color:#d85600!important;background:#fff6f2!important;border-color:var(--nanu-orange-line)!important
}

/* AJAX search */
#adeptdevAjaxResults{
  background:#fff!important;
  border:1px solid rgba(236,102,8,.18)!important;
  box-shadow:0 22px 54px rgba(35,31,32,.16)!important;
}
.adeptdev-search-product,.adeptdev-search-category{border-color:var(--nanu-line)!important}
.adeptdev-search-product:hover,.adeptdev-search-category:hover{background:#fff8ef!important}
.adeptdev-search-head{background:#fff4e4!important;color:#d85600!important}

/* Login / registration / forgotten password modal */
.my-popup{z-index:100000!important}
.my-popup .shadow{
  background:rgba(16,15,13,.58)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
.my-popup .modal-body{
  background:#fff!important;
  border:1px solid rgba(236,102,8,.16)!important;
  border-radius:26px!important;
  box-shadow:0 28px 80px rgba(0,0,0,.25)!important;
}
.my-popup .title{color:var(--nanu-ink)!important;font-weight:950!important;letter-spacing:-.04em!important}
.my-popup .after-title{color:var(--nanu-muted)!important}
.my-popup .input input{background:#faf9f7!important;border-color:rgba(23,22,20,.10)!important}
.my-popup .input input:focus{background:#fff!important;border-color:rgba(236,102,8,.62)!important}
.my-popup .forgotten,
.my-popup .modal-buttons .back,
.my-popup .btn-registration,
.my-popup .btn-login,
.my-popup .remember{
  width:auto!important;
  min-height:0!important;
  padding:2px 0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  color:#d85600!important;
  box-shadow:none!important;
  font-size:14px!important;
  font-weight:750!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}
.my-popup .forgotten:hover,.my-popup .modal-buttons .back:hover,
.my-popup .btn-registration:hover,.my-popup .btn-login:hover,.my-popup .remember:hover{
  color:#ec6608!important;background:transparent!important;transform:none!important
}
.my-popup .modal-buttons>.btn-primary{width:100%!important;min-height:50px!important;border-radius:15px!important;text-decoration:none!important}
.my-popup .my-checkbox.active:before,.my-popup .my-checkbox.active:after{border-color:#ec6608!important;background:#ec6608!important}

/* Modal header stacking fix */
body:has(.my-popup.active) header{z-index:1!important}
.my-popup.active{z-index:100000!important}

/* Scrollbar */
@media (min-width:768px){
  ::-webkit-scrollbar{width:11px;height:11px}
  ::-webkit-scrollbar-track{background:#f1f0ed}
  ::-webkit-scrollbar-thumb{background:#cfc9c1;border:3px solid #f1f0ed;border-radius:999px}
  ::-webkit-scrollbar-thumb:hover{background:#ec6608}
}

/* Mobile */
@media(max-width:767px){
  body{background:#f6f5f2!important}
  .breadcrumb{margin-top:10px!important;margin-bottom:14px!important;padding:9px 11px!important;border-radius:13px!important;white-space:nowrap!important;overflow-x:auto!important}
  .panel,.well,.thumbnail{border-radius:18px!important}
  .btn-primary,.btn-warning,.button,.wild{border-radius:13px!important}
  .product-thumb{border-radius:18px!important}
  .my-popup .modal-body{border-radius:22px!important}
}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}
}

/* Home news / partners / generic admin modules */
.latest-news,.carousel-about,.carousel.swiper-viewport,.special-banners,
.nanu-home-content-bottom>.module,.nanu-home-content-bottom>div{
  border-radius:26px!important;
}
.latest-news,.carousel-about{
  margin:30px 0!important;
  padding:26px!important;
  background:#fff!important;
  border:1px solid rgba(23,22,20,.07)!important;
  box-shadow:0 14px 38px rgba(35,31,32,.065)!important;
}
.latest-news .module-head,.carousel-about .module-head,.special-banners .module-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0 0 20px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}
.latest-news .module-title,.carousel-about .module-title,.special-banners .module-title{
  margin:0!important;
  color:#171614!important;
  font-size:28px!important;
  line-height:1.08!important;
  font-weight:950!important;
  letter-spacing:-.04em!important;
}
.latest-news .module-title:before,.carousel-about .module-title:before,.special-banners .module-title:before{
  content:"";display:inline-block;width:9px;height:9px;margin-right:10px;border-radius:999px;background:#ec6608;vertical-align:middle;
  box-shadow:0 0 0 6px rgba(236,102,8,.10);
}
.latest-news .news-thumb{
  height:100%!important;
  background:#faf9f7!important;
  border:1px solid rgba(23,22,20,.07)!important;
  border-radius:20px!important;
  overflow:hidden!important;
  box-shadow:none!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
.latest-news .news-thumb:hover{transform:translateY(-4px)!important;border-color:rgba(236,102,8,.28)!important;box-shadow:0 15px 34px rgba(35,31,32,.09)!important}
.latest-news .news-thumb .img-a{overflow:hidden!important;background:#f4f3f0!important}
.latest-news .news-thumb img{transition:transform .35s ease!important}
.latest-news .news-thumb:hover img{transform:scale(1.035)!important}
.latest-news .more{color:#d85600!important;font-weight:850!important}
.carousel-about .swiper-slide,.carousel.swiper-viewport .swiper-slide{
  background:#fff!important;
  border:1px solid rgba(23,22,20,.07)!important;
  border-radius:18px!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.carousel-about .swiper-slide:hover,.carousel.swiper-viewport .swiper-slide:hover{border-color:rgba(236,102,8,.26)!important}
.carousel-about img,.carousel.swiper-viewport img{filter:saturate(.96);transition:transform .25s ease,filter .25s ease!important}
.carousel-about a:hover img,.carousel.swiper-viewport a:hover img{transform:scale(1.025)!important;filter:saturate(1.05)!important}
.latest-news .swiper-pagination-bullet-active,.carousel-about .swiper-pagination-bullet-active,.carousel .swiper-pagination-bullet-active{background:#ec6608!important}

@media(max-width:767px){
  .latest-news,.carousel-about{margin:20px 0!important;padding:16px!important;border-radius:21px!important}
  .latest-news .module-title,.carousel-about .module-title,.special-banners .module-title{font-size:23px!important}
}
