/* Brand Color Scheme Override */
:root {
  --primary-color: #253A7B;
  --accent-color: #DD1A1E;
  --dark-primary: #1e2f66;
  --light-primary: #3d5199;
  --dark-accent: #b81519;
  --light-accent: #e63e42;
}

/* Primary Color Updates */
.color-primary {
  color: var(--primary-color) !important;
}

.bg-color-primary,
.header-top {
  background-color: var(--primary-color) !important;
}

/* Accent Color Updates */
.color-sec {
  color: var(--accent-color) !important;
}

.bg-color-sec {
  background-color: var(--accent-color) !important;
}

/* Button Updates */
.cus-btn,
.cus-btn-3,
.back-to-top {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #fff !important;
  font-weight: 500 !important;
  padding: 12px 24px !important;
  border-radius: 6px !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
  display: inline-block !important;
}

.cus-btn:hover,
.cus-btn-3:hover,
.back-to-top:hover {
  background-color: var(--dark-primary) !important;
  border-color: var(--dark-primary) !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(37, 58, 123, 0.3) !important;
}

.cus-btn-2 {
  border: 2px solid var(--primary-color) !important;
  color: var(--primary-color) !important;
  background-color: transparent !important;
  font-weight: 500 !important;
  padding: 10px 22px !important;
  border-radius: 6px !important;
  transition: all 0.3s ease !important;
}

.cus-btn-2:hover {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
}

.cus-btn.sec,
.cus-btn.active-btn {
  /* background-color: var(--accent-color) !important; */
  /* border-color: var(--accent-color) !important; */
  color: #fff !important;
  font-weight: 500 !important;
  padding: 12px 24px !important;
  border-radius: 6px !important;
  transition: all 0.3s ease !important;
}

.cus-btn.sec:hover,
.cus-btn.active-btn:hover {
  background-color: var(--dark-accent) !important;
  border-color: var(--dark-accent) !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(221, 26, 30, 0.3) !important;
}

/* Cart Specific Buttons */
.cart .cus-btn {
  min-width: 140px !important;
  text-align: center !important;
}

.cart .table-bottom-row .cus-btn {
  margin-right: 16px !important;
}

.cart .checkout-box .cus-btn {
  width: 100% !important;
  padding: 14px 24px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
}

/* Quantity Controller Buttons */
.quantity-controller .decrement,
.quantity-controller .increment {
  background-color: var(--primary-color) !important;
  border: 1px solid var(--primary-color) !important;
  color: #fff !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.quantity-controller .decrement:hover,
.quantity-controller .increment:hover {
  background-color: var(--dark-primary) !important;
  border-color: var(--dark-primary) !important;
}

.quantity-controller .number {
  border: 1px solid #ddd !important;
  text-align: center !important;
  width: 50px !important;
  height: 32px !important;
  margin: 0 2px !important;
  border-radius: 4px !important;
}

/* Navigation Updates */
.main-menu__list > li > a.active,
.main-menu__list > li > a:hover,
.main-menu__list > li.current,
.main-menu__list > li:hover {
  color: var(--primary-color) !important;
}

.main-menu__list > li > a::after {
  background: var(--primary-color) !important;
}

.main-menu__list li ul li.current > a,
.main-menu__list li ul li:hover > a {
  background-color: var(--primary-color) !important;
}

/* Category Navigation */
.all-navigator {
  color: var(--primary-color) !important;
}

.category-second-item:hover a {
  color: var(--primary-color) !important;
}

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

.cus-btn-arrow:hover {
  color: var(--primary-color) !important;
}

.cus-btn-arrow:hover svg path {
  stroke: var(--primary-color) !important;
}

/* Slider Arrows */
.slider-arrow .arrow:hover {
  border-color: var(--primary-color) !important;
  background: var(--primary-color) !important;
}

/* Product Cards */
.featured-product-card:hover .product-desc .product-title {
  color: var(--primary-color) !important;
}

.featured-product-list:hover .product-desc .product-title {
  color: var(--primary-color) !important;
}

.featured-product-card .image-box .sale-label {
  background-color: var(--accent-color) !important;
}

.featured-product-list .image-box .sale-label {
  background-color: var(--accent-color) !important;
}

/* Blog Cards */
.blog-block:hover .blog-content h6,
.blog-block:hover .blog-content h3 {
  color: var(--primary-color) !important;
}

.blog-block:hover .cus-btn-arrow {
  color: var(--primary-color) !important;
}

.blog-block:hover .cus-btn-arrow svg path {
  stroke: var(--primary-color) !important;
}

/* Forms and Inputs */
.check-block input[type=checkbox]:checked + label {
  color: var(--primary-color) !important;
}

.check-block input[type=checkbox]:checked + label::before {
  color: var(--primary-color) !important;
}

.cus-checkBox input[type=checkbox]:checked + label {
  color: var(--primary-color) !important;
}

.cus-checkBox input[type=checkbox]:checked + label::before {
  color: var(--primary-color) !important;
}

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

/* Admin Panel Pagination */
.pagination {
  margin-top: 15px !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 2px !important;
}

.pagination .page-link {
  color: var(--primary-color) !important;
  border: 1px solid #dee2e6 !important;
  padding: 4px 8px !important;
  margin: 0 !important;
  border-radius: 3px !important;
  transition: all 0.2s ease !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  min-width: 28px !important;
  height: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
}

.pagination .page-link:hover {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #fff !important;
}

.pagination .page-item.active .page-link {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #fff !important;
}

.pagination .page-item.disabled .page-link {
  color: #6c757d !important;
  background-color: #fff !important;
  border-color: #dee2e6 !important;
}

.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
  border-radius: 3px !important;
}

@media (max-width: 768px) {
  .pagination .page-link {
    padding: 3px 6px !important;
    font-size: 11px !important;
    min-width: 24px !important;
    height: 24px !important;
  }
}

/* Admin Action Buttons */
.btn-info {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #fff !important;
}

.btn-info:hover {
  background-color: var(--dark-primary) !important;
  border-color: var(--dark-primary) !important;
  color: #fff !important;
}

.btn-warning {
  background-color: var(--accent-color) !important;
  border-color: var(--accent-color) !important;
  color: #fff !important;
}

.btn-warning:hover {
  background-color: var(--dark-accent) !important;
  border-color: var(--dark-accent) !important;
  color: #fff !important;
}

.btn-sm {
  padding: 4px 8px !important;
  font-size: 12px !important;
}

/* Replace Green Colors with Accent Color */
.btn-success {
  background-color: var(--accent-color) !important;
  border-color: var(--accent-color) !important;
}

.btn-success:hover {
  background-color: var(--dark-accent) !important;
  border-color: var(--dark-accent) !important;
}

.bg-success {
  background-color: var(--accent-color) !important;
}

.text-success {
  color: var(--accent-color) !important;
}

.border-success {
  border-color: var(--accent-color) !important;
}

.badge.bg-success {
  background-color: var(--accent-color) !important;
}

.alert-success {
  background-color: var(--accent-color) !important;
  border-color: var(--dark-accent) !important;
  color: #fff !important;
}

/* Sidebar */
.sidebar .category-block .wrapper .slider .progress {
  background: var(--primary-color) !important;
}

.sidebar .category-block .wrapper input[type=range]::-webkit-slider-thumb {
  background: var(--primary-color) !important;
}

.sidebar .category-block .wrapper input[type=range]::-moz-range-thumb {
  background: var(--primary-color) !important;
}

.sidebar .category-block .product-color input[type=radio].radio-6 {
  background-color: var(--primary-color) !important;
}

.sidebar .category-block .star-rating :checked ~ label,
.sidebar .category-block .star-rating label:hover,
.sidebar .category-block .star-rating label:hover ~ label {
  color: var(--accent-color) !important;
}

/* Shop Grid */
.shop-grid-topbar .first-block .visual-btns .visual-box.shop-filter {
  background: var(--primary-color) !important;
}

.shop-grid-topbar .first-block .visual-btns .visual-box.shop-filter:hover {
  background: var(--accent-color) !important;
}

.shop-grid-topbar .second-block .grid-icons .grid-dots:hover svg path,
.shop-grid-topbar .second-block .grid-icons .grid-dots.active svg path {
  fill: var(--primary-color) !important;
}

/* Product Detail */
.shop-detail .detail-wrapper .product-text-container .label {
  background-color: var(--accent-color) !important;
}

.shop-detail .detail-wrapper .product-text-container .content-block .product-color input[type=radio].radio-6 {
  background-color: var(--primary-color) !important;
}

.shop-detail .detail-wrapper .product-text-container .function-bar .side-icons ul li:hover a {
  border-color: var(--primary-color) !important;
  background-color: var(--primary-color) !important;
}

/* Product Description Tabs */
.product-description .description-wrapper nav .nav-link:hover,
.product-description .description-wrapper nav .nav-link.active {
  color: var(--primary-color) !important;
}

.product-description .description-wrapper nav .nav-link::after {
  background: var(--primary-color) !important;
}

/* Blog Detail */
.blog-detail-wrapper .qoutes {
  border-left-color: var(--primary-color) !important;
}

.blog-detail-wrapper .blog-post-row .blog-post-block:hover .arrow-block {
  background: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.blog-detail-wrapper .blog-post-row .blog-post-block:hover .post-text {
  color: var(--primary-color) !important;
}

.blog-detail-wrapper .review-area .review-block .text-box .reply-btn:hover {
  background: var(--primary-color) !important;
  box-shadow: 0px 0px 20px 1px var(--primary-color) !important;
}

/* Footer */
.benefits-wrapper .benefit-block .image-box {
  border-color: var(--primary-color) !important;
}

.footer-wrapper .store-desc .icon-box {
  border-color: var(--primary-color) !important;
}

.footer-wrapper .footer-link-block .footer-link .img-box {
  border-color: var(--primary-color) !important;
}

.social-link li a {
  border-color: var(--primary-color) !important;
}

.social-link li a svg path {
  fill: var(--primary-color) !important;
}

.social-link li:hover a {
  background-color: var(--primary-color) !important;
}

/* Categories */
.categories-sec .categories-wrapper .category-block:hover .image-box {
  border-color: var(--primary-color) !important;
}

/* Newsletter */
.newsletter-section .newsletter-container .newsletter-image {
  border-color: var(--primary-color) !important;
}

/* Contact */
.contact-section .contact-wrapper .contact-text-container .detail-block .icon-box {
  border-color: var(--primary-color) !important;
}

/* Account */
.account .link-btn:hover {
  background: var(--primary-color) !important;
}

.account .about-password .checkbox input:checked + label:before {
  background: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

/* Cart */
.cart .cart-table tbody tr td .stock-label {
  background: var(--primary-color) !important;
}

/* Billing */
.billing-detail .shipping-radio-container .plans .plan input[type=radio] + .plan-content:after,
.billing-detail .shipping-radio-container .plans .plan input[type=radio] + .content-2:after {
  box-shadow: 0px 0px 0px 2px var(--primary-color) !important;
}

.billing-detail .shipping-radio-container .plans .plan input[type=radio]:checked + .plan-content:after,
.billing-detail .shipping-radio-container .plans .plan input[type=radio]:checked + .content-2:after {
  background: var(--primary-color) !important;
  box-shadow: 0px 0px 0px 2px var(--primary-color) !important;
}

/* Mobile Navigation */
.mobile-nav__toggler {
  color: var(--primary-color) !important;
}

.mobile-nav__wrapper .mobile-nav__content .main-menu__list li a.expanded {
  color: var(--primary-color) !important;
}

.mobile-nav__wrapper .mobile-nav__content .main-menu__list li a button {
  background-color: var(--primary-color) !important;
}

.mobile-nav__social a:hover {
  color: var(--primary-color) !important;
}

.mobile-nav__contact li a:hover {
  color: var(--primary-color) !important;
}

.mobile-nav__contact li i {
  background-color: var(--primary-color) !important;
}

/* Preloader */
#preloader .cart__lines {
  stroke: var(--primary-color) !important;
}

/* Coming Soon */
.coming-soon-page .coming-soon-wrapper ul li h2 {
  color: var(--primary-color) !important;
}

/* Top Bar Navigation */
.top-bar .nav .nav-item .nav-link.active::before {
  background-color: var(--primary-color) !important;
}

/* Featured Product Sidebar Icons */
.featured-product-card .image-box .side-icons ul li:hover a {
  border-color: var(--primary-color) !important;
}

.featured-product-list .image-box .side-icons ul li:hover a {
  border-color: var(--primary-color) !important;
}

/* Product Detail Slider */
.shop-detail .detail-wrapper .product-image-container .product-slider-asnav .nav-image.slick-current {
  border-color: var(--primary-color) !important;
}

/* Additional Accent Color Applications */
.color-ter {
  color: var(--accent-color) !important;
}

.bg-color-ter {
  background-color: var(--accent-color) !important;
}

/* Error/Alert States */
.alert-danger {
  background-color: var(--accent-color) !important;
  border-color: var(--dark-accent) !important;
  color: #fff !important;
}

/* Success States */
.alert-success {
  background-color: var(--primary-color) !important;
  border-color: var(--dark-primary) !important;
  color: #fff !important;
}