/*
 * Evye Marketi – Brand Orange Theme Override
 * 2026-08-24
 *
 * Brand palette sampled from image/catalog/Site/logo.*
 * This file intentionally loads after Journal 3 generated/custom CSS so the
 * storefront palette can be updated without editing generated theme assets.
 */

:root {
  --evye-orange: #f9a578;
  --evye-orange-strong: #ef8f52;
  --evye-orange-deep: #c95b20;
  --evye-orange-soft: #fff4ed;
  --evye-orange-softer: #fffaf7;
  --evye-purple: #a94dcc;
  --evye-purple-deep: #7d329f;
  --evye-ink: #302633;
  --evye-text: #433946;
  --evye-muted: #756b78;
  --evye-line: #f0ded3;
  --evye-white: #ffffff;
  --evye-shadow: 0 12px 34px rgba(128, 70, 40, .11);
  --evye-shadow-hover: 0 18px 44px rgba(128, 70, 40, .17);
  --evye-radius: 10px;
  --evye-radius-sm: 7px;
  --evye-transition: .2s ease;
}

html {
  -webkit-tap-highlight-color: transparent;
  accent-color: var(--evye-orange-strong);
}

body {
  color: var(--evye-text);
}

::selection {
  background: var(--evye-orange);
  color: var(--evye-ink);
}

a,
.name a,
.catalog-title,
.product-info .product-stats a,
.product-info .rating a,
.breadcrumb a {
  transition: color var(--evye-transition), background-color var(--evye-transition), border-color var(--evye-transition), box-shadow var(--evye-transition), transform var(--evye-transition);
}

a:hover,
.name a:hover,
.catalog-title:hover,
.product-info .product-stats a:hover,
.product-info .rating a:hover {
  color: var(--evye-orange-deep);
}

/* --------------------------------------------------------------------------
   Header / top bar / desktop navigation
   -------------------------------------------------------------------------- */
.top-bar,
.desktop-header .top-bar,
.mobile-header .mobile-top-bar {
  background: linear-gradient(90deg, #fff7f1 0%, #fff1e7 50%, #fff8f4 100%) !important;
  color: var(--evye-ink) !important;
  border-bottom: 1px solid rgba(239, 143, 82, .24) !important;
}

.top-bar a,
.top-bar .dropdown-toggle,
.desktop-header .top-menu a,
.mobile-header .mobile-top-bar a {
  color: var(--evye-text) !important;
}

.top-bar a:hover,
.top-bar .dropdown-toggle:hover,
.desktop-header .top-menu a:hover,
.mobile-header .mobile-top-bar a:hover {
  color: var(--evye-orange-deep) !important;
}

.desktop-header,
.desktop-header .header,
.mobile-header,
.mobile-header .mobile-bar,
.mobile-header .mobile-logo-wrapper {
  background-color: var(--evye-white);
}

.desktop-header .desktop-main-menu-wrapper,
.desktop-main-menu-wrapper {
  background: linear-gradient(100deg, #f89d68 0%, var(--evye-orange) 46%, #ffb47f 100%) !important;
  border: 0 !important;
  box-shadow: 0 7px 22px rgba(133, 73, 40, .14);
}

.desktop-main-menu-wrapper .main-menu > .j-menu > li > a,
.desktop-main-menu-wrapper .main-menu > ul > li > a,
.desktop-main-menu-wrapper .main-menu .menu-item > a {
  color: var(--evye-ink) !important;
  font-weight: 700;
  text-shadow: none !important;
}

.desktop-main-menu-wrapper .main-menu > .j-menu > li:hover > a,
.desktop-main-menu-wrapper .main-menu > .j-menu > li.active > a,
.desktop-main-menu-wrapper .main-menu > .j-menu > li.open > a,
.desktop-main-menu-wrapper .main-menu > ul > li:hover > a {
  background: rgba(255,255,255,.48) !important;
  color: #241c26 !important;
}

.desktop-main-menu-wrapper .main-menu > .j-menu > li > a::before,
.desktop-main-menu-wrapper .main-menu > .j-menu > li > a::after {
  border-color: rgba(48,38,51,.55) !important;
}

.header .desktop-cart-wrapper,
.header .desktop-search-wrapper,
.header .desktop-logo-wrapper {
  border-color: var(--evye-line) !important;
}

/* Header icon actions: account / wishlist / compare / cart */
.desktop-header .j-menu > li > a i,
.desktop-header .cart-heading i,
.desktop-header .search-button i,
.mobile-header .menu-trigger i,
.mobile-header .mobile-cart-wrapper i,
.mobile-header .mobile-search-wrapper i,
.mobile-header .mobile-wishlist-wrapper i,
.mobile-header .mobile-account-wrapper i {
  color: var(--evye-orange-deep) !important;
}

.desktop-header .cart-heading:hover i,
.desktop-header .search-button:hover i,
.mobile-header .menu-trigger:hover i,
.mobile-header .mobile-cart-wrapper:hover i {
  color: var(--evye-purple-deep) !important;
}

/* Sticky navigation retains the brand treatment. */
.desktop-header-active .is-sticky .desktop-main-menu-wrapper,
.mobile-header-active .mobile-bar-sticky {
  box-shadow: 0 10px 30px rgba(91, 52, 34, .16) !important;
}

.mobile-header-active .mobile-bar-sticky,
.mobile-header .mobile-bar {
  border-bottom: 1px solid rgba(239, 143, 82, .22) !important;
}

/* --------------------------------------------------------------------------
   Search
   -------------------------------------------------------------------------- */
#search,
.header-search,
.search-form,
.full-search #search,
.mini-search #search {
  border-color: var(--evye-line) !important;
}

#search input,
.header-search input,
.search-form input,
.full-search #search input,
.mini-search #search input {
  background: #fff !important;
  color: var(--evye-ink) !important;
  border-color: #ead9cf !important;
}

#search input:focus,
.header-search input:focus,
.search-form input:focus,
.full-search #search input:focus,
.mini-search #search input:focus {
  border-color: var(--evye-orange-strong) !important;
  box-shadow: 0 0 0 3px rgba(249,165,120,.18) !important;
}

.search-button,
#search > button,
.header-search button,
.search-form button {
  background: var(--evye-orange) !important;
  color: var(--evye-ink) !important;
  border-color: var(--evye-orange) !important;
}

.search-button:hover,
#search > button:hover,
.header-search button:hover,
.search-form button:hover {
  background: var(--evye-orange-strong) !important;
  color: var(--evye-ink) !important;
}

.search-categories-button {
  background: var(--evye-orange-soft) !important;
  color: var(--evye-text) !important;
  border-color: var(--evye-line) !important;
}

.tt-menu,
.search-results,
.search-categories,
#search > .dropdown-menu {
  border-color: var(--evye-line) !important;
  box-shadow: var(--evye-shadow) !important;
}

.search-result:hover,
.search-categories li:hover > a,
.tt-suggestion:hover,
.tt-suggestion.tt-cursor {
  background: var(--evye-orange-soft) !important;
}

/* --------------------------------------------------------------------------
   Buttons and CTAs
   -------------------------------------------------------------------------- */
.btn-primary,
.btn-cart,
#button-cart,
.button-cart,
.checkout-button,
.cart-buttons .btn-primary,
.buttons .btn-primary,
.input-group-btn .btn-primary,
.module-newsletter .btn,
.popup-footer .btn-primary {
  background: linear-gradient(135deg, var(--evye-orange-strong), var(--evye-orange)) !important;
  border-color: var(--evye-orange-strong) !important;
  color: var(--evye-ink) !important;
  border-radius: var(--evye-radius-sm) !important;
  box-shadow: 0 7px 18px rgba(201,91,32,.18);
  font-weight: 700;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-cart:hover,
#button-cart:hover,
.button-cart:hover,
.checkout-button:hover,
.cart-buttons .btn-primary:hover,
.buttons .btn-primary:hover,
.input-group-btn .btn-primary:hover,
.module-newsletter .btn:hover,
.popup-footer .btn-primary:hover {
  background: linear-gradient(135deg, #f58a45, #ffad7c) !important;
  border-color: #e97f3c !important;
  color: #211a23 !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(201,91,32,.24);
}

.btn-default,
.btn-secondary,
.product-layout .extra-group .btn,
.product-layout .wish-group .btn,
.product-info .wishlist-compare .btn {
  background: #fff !important;
  color: var(--evye-text) !important;
  border: 1px solid var(--evye-line) !important;
  border-radius: var(--evye-radius-sm) !important;
}

.btn-default:hover,
.btn-secondary:hover,
.product-layout .extra-group .btn:hover,
.product-layout .wish-group .btn:hover,
.product-info .wishlist-compare .btn:hover {
  background: var(--evye-orange-soft) !important;
  border-color: var(--evye-orange) !important;
  color: var(--evye-orange-deep) !important;
}

/* --------------------------------------------------------------------------
   Page titles, breadcrumbs, tabs, section headings
   -------------------------------------------------------------------------- */
.page-title,
h1.page-title,
.module-title,
.block-header,
.panel-title,
.product-info .product-details .page-title {
  color: var(--evye-ink);
}

.module-title::after,
.block-header::after,
.page-title::after {
  border-color: var(--evye-orange) !important;
}

.breadcrumb {
  background: linear-gradient(90deg, var(--evye-orange-softer), #fff) !important;
  border-bottom: 1px solid var(--evye-line) !important;
}

.breadcrumb a {
  color: var(--evye-muted) !important;
}

.breadcrumb a:hover,
.breadcrumb > li:last-child a {
  color: var(--evye-orange-deep) !important;
}

.nav-tabs {
  border-color: var(--evye-line) !important;
}

.nav-tabs > li > a {
  color: var(--evye-muted) !important;
  border-color: transparent !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li > a:hover {
  color: var(--evye-orange-deep) !important;
  border-color: var(--evye-orange) !important;
  background: var(--evye-orange-soft) !important;
}

/* --------------------------------------------------------------------------
   Product cards and listing controls
   -------------------------------------------------------------------------- */
.product-thumb {
  background: #fff !important;
  border-color: #efe1d8 !important;
  border-radius: var(--evye-radius) !important;
  box-shadow: 0 5px 18px rgba(79,56,43,.06);
}

.product-thumb:hover {
  border-color: rgba(239,143,82,.64) !important;
  box-shadow: var(--evye-shadow-hover) !important;
}

.product-thumb .image {
  background: linear-gradient(180deg, #fff 0%, #fffaf7 100%);
}

.product-thumb .name a {
  color: var(--evye-ink) !important;
}

.product-thumb .name a:hover {
  color: var(--evye-orange-deep) !important;
}

.product-thumb .price-new,
.product-thumb .price,
.product-info .price-new,
.product-info .product-price,
.product-info .price-group {
  color: var(--evye-orange-deep) !important;
}

.product-thumb .price-old,
.product-info .price-old,
.product-thumb .price-tax {
  color: var(--evye-muted) !important;
}

.product-label,
.product-labels .product-label,
.product-label-special,
.product-labels .product-label-special {
  background: var(--evye-orange) !important;
  color: var(--evye-ink) !important;
  border-color: var(--evye-orange-strong) !important;
}

.product-labels .product-label-new {
  background: linear-gradient(135deg, var(--evye-purple), #d777e7) !important;
  color: #fff !important;
}

.product-layout .button-group .btn-cart,
.product-layout .button-group .btn-primary {
  min-height: 38px;
}

.products-filter,
.pagination-results,
.refine-items,
.refine-item a {
  border-color: var(--evye-line) !important;
}

.products-filter {
  background: #fffaf7 !important;
}

.products-filter .form-control,
.products-filter .input-group-addon,
.select-group .form-control,
.select-group .input-group-addon {
  background: #fff !important;
  border-color: var(--evye-line) !important;
  color: var(--evye-text) !important;
}

.refine-item a:hover,
.refine-item.active a {
  background: var(--evye-orange-soft) !important;
  border-color: var(--evye-orange) !important;
  color: var(--evye-orange-deep) !important;
}

.pagination > li > a,
.pagination > li > span {
  color: var(--evye-text) !important;
  background: #fff !important;
  border-color: var(--evye-line) !important;
}

.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li.active > a,
.pagination > li.active > span,
.pagination > li.active > a:hover,
.pagination > li.active > span:hover {
  background: var(--evye-orange) !important;
  color: var(--evye-ink) !important;
  border-color: var(--evye-orange-strong) !important;
}

/* --------------------------------------------------------------------------
   Product detail
   -------------------------------------------------------------------------- */
.product-info .product-image,
.product-info .product-details,
.product-image .main-image,
.product-image .additional-images .swiper-slide {
  border-color: var(--evye-line) !important;
}

.product-info .product-details {
  background: #fff;
}

.product-info .product-stats,
.product-info .custom-stats,
.product-info .product-options,
.product-info .stepper-group {
  border-color: var(--evye-line) !important;
}

.product-info .product-options h3,
.product-info .options-title {
  color: var(--evye-ink) !important;
}

.product-info .product-options .push-option > div .option-value:hover,
.product-info .product-options .push-option > div img:hover,
.product-info .product-options input:checked + .option-value,
.product-info .product-options input:checked + img {
  border-color: var(--evye-orange-strong) !important;
  box-shadow: 0 0 0 2px rgba(249,165,120,.18) !important;
}

.stepper,
.stepper .form-control,
.product-info .product-details .stepper {
  border-color: var(--evye-line) !important;
}

.stepper span i:hover,
.product-info .product-details .stepper span i:hover {
  color: var(--evye-orange-deep) !important;
  background: var(--evye-orange-soft) !important;
}

.rating-stars .fa-star,
.rating .fa-star,
.rating .fa-star-o:hover,
.product-info .rating-stars i {
  color: var(--evye-orange-strong) !important;
}

/* --------------------------------------------------------------------------
   Forms / filters / account / checkout
   -------------------------------------------------------------------------- */
.form-control,
input.form-control,
select.form-control,
textarea.form-control,
.input-group-addon {
  border-color: #e9d9d0 !important;
  color: var(--evye-text);
}

.form-control:focus,
input.form-control:focus,
select.form-control:focus,
textarea.form-control:focus {
  border-color: var(--evye-orange-strong) !important;
  box-shadow: 0 0 0 3px rgba(249,165,120,.16) !important;
}

.panel-default,
.panel-group .panel,
.well,
.list-group-item,
.table,
.table > thead > tr > th,
.table > tbody > tr > td {
  border-color: var(--evye-line) !important;
}

.panel-default > .panel-heading,
.panel-group .panel-heading,
.well {
  background: var(--evye-orange-softer) !important;
  color: var(--evye-ink) !important;
}

.panel-group .panel-active .panel-heading,
.panel-default > .panel-heading:hover {
  background: var(--evye-orange-soft) !important;
}

.panel-group .panel-heading a:hover,
.list-group-item a:hover {
  color: var(--evye-orange-deep) !important;
}

.checkbox input:checked + span::before,
.radio input:checked + span::before,
.custom-control-input:checked ~ .custom-control-label::before {
  border-color: var(--evye-orange-strong) !important;
  background-color: var(--evye-orange-strong) !important;
}

/* --------------------------------------------------------------------------
   Dropdowns, side menu and mobile drawer
   -------------------------------------------------------------------------- */
.dropdown-menu,
.j-dropdown,
.mega-menu-content,
.mobile-container,
.mobile-main-menu-container,
.mobile-cart-content-container,
.mobile-filter-container {
  border-color: var(--evye-line) !important;
}

.dropdown-menu,
.j-dropdown,
.mega-menu-content {
  box-shadow: var(--evye-shadow) !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu li:hover > a,
.j-dropdown li:hover > a,
.mega-menu-content a:hover {
  background-color: var(--evye-orange-soft) !important;
  color: var(--evye-orange-deep) !important;
}

.accordion-menu .j-menu > li + li,
.mobile-main-menu-wrapper .main-menu .j-menu > li,
.mobile-main-menu-wrapper .main-menu .menu-item {
  border-color: var(--evye-line) !important;
}

.mobile-main-menu-wrapper .main-menu > .j-menu > li > a,
.mobile-main-menu-wrapper .main-menu .menu-item > a {
  color: var(--evye-ink) !important;
}

.mobile-main-menu-wrapper .main-menu > .j-menu > li:hover > a,
.mobile-main-menu-wrapper .main-menu > .j-menu > li.active > a {
  background: var(--evye-orange-soft) !important;
  color: var(--evye-orange-deep) !important;
}

.mobile-main-menu-container .mobile-wrapper-header,
.mobile-cart-content-container .mobile-wrapper-header,
.mobile-filter-container .mobile-wrapper-header {
  background: linear-gradient(100deg, var(--evye-orange-strong), var(--evye-orange)) !important;
  color: var(--evye-ink) !important;
}

/* --------------------------------------------------------------------------
   Swiper / slider controls
   -------------------------------------------------------------------------- */
.swiper-button-prev,
.swiper-button-next,
.swiper .swiper-button-prev,
.swiper .swiper-button-next {
  background: rgba(255,255,255,.94) !important;
  color: var(--evye-orange-deep) !important;
  border-color: rgba(249,165,120,.55) !important;
  box-shadow: 0 5px 15px rgba(75,51,38,.12);
}

.swiper-button-prev:hover,
.swiper-button-next:hover,
.swiper .swiper-button-prev:hover,
.swiper .swiper-button-next:hover {
  background: var(--evye-orange) !important;
  color: var(--evye-ink) !important;
}

.swiper-pagination-bullet,
.swiper .swiper-pagination > span {
  background: #e7d3c7 !important;
}

.swiper-pagination-bullet-active,
.swiper .swiper-pagination > span.swiper-pagination-bullet-active {
  background: var(--evye-orange-strong) !important;
}

/* --------------------------------------------------------------------------
   Footer – replace cold grey feel with warm branded surface
   -------------------------------------------------------------------------- */
footer,
.footer {
  background: linear-gradient(155deg, #3c2a36 0%, #302633 62%, #452d38 100%) !important;
  color: #f8efea !important;
  border-top: 4px solid var(--evye-orange) !important;
}

footer .module-title,
footer .block-header,
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer strong {
  color: #fff !important;
}

footer a,
footer .links-menu a,
footer .static-text,
footer p,
footer li {
  color: #eaded8 !important;
}

footer a:hover,
footer .links-menu a:hover {
  color: #ffb481 !important;
}

footer .module-title::before,
footer .module-title::after {
  color: var(--evye-orange) !important;
  border-color: var(--evye-orange) !important;
}

footer .form-control {
  background: rgba(255,255,255,.94) !important;
  border-color: rgba(249,165,120,.42) !important;
}

/* --------------------------------------------------------------------------
   Small UX polish
   -------------------------------------------------------------------------- */
.badge,
.count-badge,
.cart-badge,
.wishlist-badge,
.compare-badge {
  background: var(--evye-purple) !important;
  color: #fff !important;
}

hr {
  border-color: var(--evye-line) !important;
}

.tooltip-inner {
  background: var(--evye-ink) !important;
}

.back-to-top,
.scroll-top,
.scroll-to-top {
  background: var(--evye-orange) !important;
  color: var(--evye-ink) !important;
  border-color: var(--evye-orange-strong) !important;
}

.back-to-top:hover,
.scroll-top:hover,
.scroll-to-top:hover {
  background: var(--evye-orange-strong) !important;
}

/* Keep semantic alerts (success/warning/error) untouched for usability. */

/* --------------------------------------------------------------------------
   Responsive refinements
   -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  .mobile-header .mobile-bar {
    background: #fff !important;
  }

  .mobile-header .mobile-top-menu-wrapper {
    background: var(--evye-orange-soft) !important;
    border-color: var(--evye-line) !important;
  }

  .mobile-main-menu-container,
  .mobile-cart-content-container,
  .mobile-filter-container {
    background: #fff !important;
  }

  .product-thumb {
    box-shadow: 0 4px 14px rgba(79,56,43,.07);
  }
}

@media (max-width: 767px) {
  .breadcrumb {
    background: var(--evye-orange-softer) !important;
  }

  .btn-primary,
  #button-cart,
  .button-cart,
  .checkout-button {
    min-height: 42px;
  }

  .product-thumb {
    border-radius: 9px !important;
  }

  footer,
  .footer {
    border-top-width: 3px !important;
  }
}

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