/*------------------------------------------------------------------
  Kinnoo Orange Theme Override
  Custom orange color palette for the website
-------------------------------------------------------------------*/

:root {
    /* Follow the admin-configured brand color (--kn-primary, set from Store Settings
       in _Layout.cshtml) so this whole legacy template palette stays in sync with it
       instead of being stuck on a hardcoded orange after a rebrand. The hex after the
       comma is only the fallback used if --kn-primary hasn't been set yet. */
    --primary-orange: var(--kn-primary, #FF6B35);
    --secondary-orange: var(--kn-primary-hover, #FF8C42);
    --dark-orange: var(--kn-primary-text, #E85D04);
    --light-orange: #FFB563;
    --hover-orange: var(--kn-primary-hover, #FF9B54);
}

/* Primary Buttons - Orange Background */
.primary-btn {
    background: var(--primary-orange) !important;
    color: #ffffff !important;
    transition: all 0.3s ease;
}

.primary-btn:hover {
    background: var(--dark-orange) !important;
    color: #ffffff !important;
}

/* Site Buttons - Orange */
.site-btn {
    background: var(--primary-orange) !important;
    color: #ffffff !important;
    transition: all 0.3s ease;
}

.site-btn:hover {
    background: var(--dark-orange) !important;
}

/* Replace all red (#e53637) with orange */
.header__top__links a:hover,
.header__menu ul li a:hover,
.header__menu ul li.active a,
.product__item__text h6 a:hover,
.product__discount__percent,
.banner__item__text h2:hover,
.categories__deal__countdown .cd-item span,
.section-title span,
.blog__item__text h5 a:hover,
.footer__widget ul li a:hover,
.breadcrumb__links a:hover,
.product__details__text h3 span,
.product__details__rating span,
.shopping__cart__table tbody tr td.product__cart__item .product__cart__item__text h6:hover,
.blog__details__quote p span {
    color: var(--primary-orange) !important;
}

/* Orange Backgrounds */
.label.new,
.product__discount__percent,
.categories__hot__deal .hot__deal__sticker,
.rating i.fa-star,
.contact__form button[type="submit"],
.footer__newslatter button {
    background: var(--primary-orange) !important;
}

.label.new:hover,
.categories__hot__deal .hot__deal__sticker:hover {
    background: var(--dark-orange) !important;
}

/* Orange Borders */
.shop__sidebar__accordion .card-heading a.active,
.product__details__tab ul li a.active,
.checkout__input__checkbox label input:checked ~ .checkmark,
.blog__details__social a:hover {
    border-color: var(--primary-orange) !important;
}

.shop__sidebar__accordion .card-heading a.active::before,
.product__details__tab ul li a.active::before {
    background: var(--primary-orange) !important;
}

/* Checkbox and Radio - Orange */
.checkout__input__checkbox label .checkmark:after,
.product__details__option__size label.active,
.product__details__option__color label.active {
    background: var(--primary-orange) !important;
    border-color: var(--primary-orange) !important;
}

/* Links and Hover States */
a:hover,
a:focus {
    color: var(--primary-orange) !important;
}

/* Navigation Active State */
.header__menu ul li.active a {
    color: var(--primary-orange) !important;
}

/* Product Add to Cart */
.product__item__text .add-cart {
    background: var(--primary-orange) !important;
    color: #ffffff !important;
    transition: all 0.3s ease;
}

.product__item__text .add-cart:hover {
    background: var(--dark-orange) !important;
}

/* Hero Section */
.hero__text .primary-btn span {
    background: var(--dark-orange) !important;
}

/* Price Display */
/*.product__item__text h5,
.product__details__text h3 {
    color: var(--primary-orange) !important;
    font-weight: 600;
}*/

/* Rating Stars */
.rating i.fa-star {
    color: var(--primary-orange) !important;
}

/* Pagination */
.product__pagination a.active,
.product__pagination a:hover {
    background: var(--primary-orange) !important;
    color: #ffffff !important;
    border-color: var(--primary-orange) !important;
}

/* Cart Buttons */
.cart__total .primary-btn {
    background: var(--primary-orange) !important;
}

.cart__total .primary-btn:hover {
    background: var(--dark-orange) !important;
}

/* Checkout Order Button */
.checkout__order .site-btn {
    background: var(--primary-orange) !important;
}

.checkout__order .site-btn:hover {
    background: var(--dark-orange) !important;
}

/* Banner Links */
.banner__item__text a {
    color: var(--primary-orange) !important;
    transition: all 0.3s ease;
}

.banner__item__text a:hover {
    color: var(--dark-orange) !important;
}

/* Section Titles */
.section-title h2 {
    position: relative;
}

.section-title span {
    color: var(--primary-orange) !important;
}

/* Instagram Section Title */
.instagram__text h2,
.instagram__text h3 {
    color: var(--primary-orange) !important;
}

/* Blog Read More */
.blog__item__text a,
.latest__blog__text a {
    color: var(--primary-orange) !important;
}

.blog__item__text a:hover,
.latest__blog__text a:hover {
    color: var(--dark-orange) !important;
}

/* Contact Form Submit */
.contact__form button {
    background: var(--primary-orange) !important;
}

.contact__form button:hover {
    background: var(--dark-orange) !important;
}

/* Wishlist Icon */
.product__item__pic .product__hover li a:hover img {
    filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(351deg) brightness(102%) contrast(101%);
}

/* Loader Spinner - Orange */
.loader {
    border-top-color: var(--primary-orange) !important;
}

/* Tags */
.shop__sidebar__tags a:hover,
.product__details__tab__content .tag a:hover {
    background: var(--primary-orange) !important;
    color: #ffffff !important;
}

/* Social Links */
.hero__social a:hover,
.footer__social a:hover {
    color: var(--primary-orange) !important;
}

/* Search Icon */
.search-switch:hover,
.header__nav__option a:hover {
    color: var(--primary-orange) !important;
}

/* Continue Shopping Button */
.continue__btn a,
.continue__btn.update__btn a {
    background: var(--secondary-orange) !important;
    color: #ffffff !important;
}

.continue__btn a:hover,
.continue__btn.update__btn a:hover {
    background: var(--dark-orange) !important;
}

/* Discount Code Button */
.cart__discount button {
    background: var(--primary-orange) !important;
}

.cart__discount button:hover {
    background: var(--dark-orange) !important;
}

/* Product Color Options */
.product__color__select label.active {
    border-color: var(--primary-orange) !important;
}

/* Quantity Buttons */
.pro-qty .qtybtn:hover {
    color: var(--primary-orange) !important;
}

/* Newsletter Subscribe */
.footer__newslatter button {
    background: var(--primary-orange) !important;
}

.footer__newslatter button:hover {
    background: var(--dark-orange) !important;
}

/* Add to Wishlist Button */
.product__details__btns__option a:hover {
    color: var(--primary-orange) !important;
}

/* Order Confirmation Success Icon */
.fa-check-circle {
    color: var(--primary-orange) !important;
}

/* Badges */
.badge-info {
    background-color: var(--primary-orange) !important;
}

/* Alert Success - Orange Theme */
.alert-success {
    background-color: rgba(255, 107, 53, 0.1) !important;
    border-color: var(--light-orange) !important;
    color: var(--dark-orange) !important;
}