/* Apply color variables to product detail page elements */
.discount-50-flash {
    background:var(--text-color) !important;
    color: white !important;
}

.flash-icon {
    color: white !important;
}

.title h1 {
    color: var(--header-color) !important;
}

.product-first-stars {
    color: var(--para-color) !important;
}

.stars i {
    color: var(--main-color) !important;
}

#salePrice {
    color: var(--text-color) !important;
}

#basePrice {
    color: var(--para-color) !important;
}

#discountPercent {
    background: var(--secondary-color) !important;
    color: white !important;
}

.high-demand h3 {
    color: var(--header-color) !important;
}

.stock-available h3 {
    color: var(--header-color) !important;
}

.stock-available h5 {
    color: var(--para-color) !important;
}

.order-now {
    background: var(--text-color) !important;
    color: white !important;
    border: 2px solid var(--text-color) !important;
    transition: all 0.3s ease !important;
}

.order-now:hover {
    background: var(--color-blue-dark) !important;
    border-color: var(--color-blue-dark) !important;
    transform: translateY(-2px) !important;
}

.bundle-card {
    border: 2px solid #e5e7eb !important;
    transition: all 0.3s ease !important;
}

.bundle-card:hover {
    border-color: var(--text-color) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

.bundle-card.selected {
    border-color: var(--text-color) !important;
    background: rgba(var(--main-color), 0.05) !important;
}

.radio_circle {
    background: var(--main-color) !important;
}

.bundle-header p {
    color: var(--header-color) !important;
}

.bundle-content h4 {
    color: var(--header-color) !important;
}

.bundle-content p {
    color: var(--para-color) !important;
}

.color-toggle {
    border: 2px solid #e5e7eb !important;
    transition: all 0.3s ease !important;
}

.color-toggle:hover {
    border-color: var(--main-color) !important;
    transform: scale(1.05) !important;
}

.color-toggle.selected {
    border-color: var(--text-color) !important;
    background: rgba(var(--main-color)) ;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

.size-toggle {
    border: 2px solid #e5e7eb !important;
    transition: all 0.3s ease !important;
}

.size-toggle:hover {
    border-color: var(--main-color) !important;
    transform: scale(1.01) !important;
}

.size-toggle.selected {
    border-color: var(--text-color) !important;
    background: rgba(var(--main-color)) !important;
    color: var(--main-color) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

.selected-color-name,
.selected-size-name {
    color: var(--main-color) !important;
    font-weight: bold !important;
}

.total_price {
    color: var(--main-color) !important;
}

.total_price_container dt {
    color: var(--para-color) !important;
}

.piece-selection {
    background: rgba(var(--main-color), 0.05) !important;
    border: 1px solid rgba(var(--main-color), 0.2) !important;
}

.piece-selection h3 {
    color: var(--header-color) !important;
}

.desc-title {
    color: var(--text-color) !important;
}

.desc-content {
    color: var(--para-color) !important;
}

.highlight-box {
    color: var(--para-color) !important;
}

.highlight-box i {
    color: var(--main-color) !important;
}

.comment1-titles h6 {
    /* background: var(--main-color) !important; */
    color: white !important;
}

.comment1-titles h1 {
    color: var(--text-color) !important;
}

.comment1-titles p {
    color: var(--para-color) !important;
}

.comment1-name {
    color: var(--header-color) !important;
}

.comment1-text {
    color: var(--para-color) !important;
}

#discount-text {
    color: var(--discount-text-color) !important;
}
.comment1-rating {
    color: var(--text-color) !important;
}

.accordion-butn {
    color: var(--para-color) !important;
}

.accordion-butn:hover {
    color: var(--main-color) !important;
}

.accordion-body {
    color: var(--para-color) !important;
}

.feature-title {
    color: var(--header-color) !important;
}

.feature-description {
    color: var(--para-color) !important;
}

.section-title h2 {
    color: var(--text-color) !important;
}

.single-product h3 a {
    color: var(--header-color) !important;
}

.single-product h3 a:hover {
    color: var(--main-color) !important;
}

.product-price .old {
    color: var(--para-color) !important;
}

.product-price .new {
    color: var(--main-color) !important;
}

.price-dec {
    background: var(--secondary-color) !important;
    color: white !important;
}

.product-action a {
    background: var(--main-color) !important;
    color: white !important;
}

.product-action a:hover {
    background-color: transparent !important;
    color: white !important;
}

.product-action-2 a {
    background: var(--secondary-color) !important;
    color: white !important;
}

.product-action-2 a:hover {
    background: var(--color-light-blue) !important;
}

#footer-text {
  color: var(--discount-text-color) !important;
}
/* Smooth transitions for all elements */
* {
    transition: background-color 300ms ease,
               color 300ms ease,
               border-color 300ms ease,
               box-shadow 300ms ease !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .bundle-card {
        margin-bottom: 15px !important;
    }
    
    .color-toggle,
    .size-toggle {
        margin: 5px !important;
    }
}

.btn {
    background-color: white !important;
    color: black !important;
}


.how-active1 {
    background-color: var(--main-color) !important;
    color: white !important;
}