/* Force icon display and button styling */
.btn i {
    margin-right: 8px;
    font-size: 16px;
}

.btn.style1 i {
    color: #fff;
}

.btn.style3 i {
    color: #fff;
}

/* Half-size image styling */
.half-size {
    width: 50% !important;
    height: auto !important;
    max-width: 50% !important;
}

/* Badge styling - white and bold text */
.badge {
    color: #fff !important;
    font-weight: 700 !important;
}

.badge.badge-primary {
    color: #fff !important;
    font-weight: 700 !important;
}

.product-badges .badge {
    color: #fff !important;
    font-weight: 700 !important;
}

/* Force all badges to be white and bold */
.product-badges span,
.product-badges .badge-primary,
.product-badges .badge-secondary,
.product-badges .badge-success,
.product-badges .badge-danger,
.product-badges .badge-warning,
.product-badges .badge-info,
.product-badges .badge-light,
.product-badges .badge-dark {
    color: #fff !important;
    font-weight: 700 !important;
}

/* Specific badge text styling */
.product-badges span[class*="badge"] {
    color: #fff !important;
    font-weight: 700 !important;
}

/* Ensure buttons are properly styled */
.hero-btn .btn,
.cta-btn .btn,
.product-actions .btn,
.content-wrapper .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 180px;
    padding: 12px 24px;
    font-weight: 700; /* Bold text */
    text-decoration: none;
    border-radius: 5px;
    transition: all 0.3s ease;
    color: #fff !important; /* Force white text */
}

.btn.style1 {
    background: linear-gradient(135deg, #007bff, #0056b3);
    color: #fff !important; /* Force white text */
    border: none;
    font-weight: 700; /* Bold text */
}

.btn.style1:hover {
    background: linear-gradient(135deg, #0056b3, #004085);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,123,255,0.3);
    color: #fff !important; /* Force white text on hover */
}

.btn.style3 {
    background: #007bff;
    color: #fff !important; /* Force white text */
    border: 2px solid #007bff;
    font-weight: 700; /* Bold text */
}

.btn.style3:hover {
    background: #0056b3;
    color: #fff !important; /* Force white text on hover */
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,123,255,0.3);
    border-color: #0056b3;
}

.btn.style3 i {
    color: #fff !important; /* Force white icon */
}

.btn.style3:hover i {
    color: #fff !important; /* Force white icon on hover */
}

/* Additional button classes */
.btn.style2 {
    color: #fff !important; /* Force white text */
    font-weight: 700; /* Bold text */
}

.btn.style2:hover {
    color: #fff !important; /* Force white text on hover */
}

.btn.style6 {
    color: #fff !important; /* Force white text */
    font-weight: 700; /* Bold text */
}

.btn.style6:hover {
    color: #fff !important; /* Force white text on hover */
}

/* Force all button text to be white and bold */
.btn {
    color: #fff !important;
    font-weight: 700 !important;
}

.btn:hover {
    color: #fff !important;
}

.btn:focus {
    color: #fff !important;
}

.btn:active {
    color: #fff !important;
}

/* Higher specificity overrides */
.content-wrapper .btn {
    color: #fff !important;
    font-weight: 700 !important;
}

.content-wrapper .btn.style1 {
    color: #fff !important;
    font-weight: 700 !important;
}

.content-wrapper .btn.style3 {
    color: #fff !important;
    font-weight: 700 !important;
}

.content-wrapper .btn:hover {
    color: #fff !important;
}

/* Counter text styling - force white text */
.counter-card {
    color: #fff !important;
}

.counter-content h2 {
    color: #fff !important;
}

.counter-content p {
    color: #fff !important;
}

.odometer {
    color: #fff !important;
}

.target {
    color: #fff !important;
}

.counter-icon i {
    color: #fff !important;
}

/* Higher specificity for counter text */
.counter-wrap .counter-card .counter-content h2 {
    color: #fff !important;
}

.counter-wrap .counter-card .counter-content p {
    color: #fff !important;
}

.counter-wrap .counter-card .counter-content .odometer {
    color: #fff !important;
}

.counter-wrap .counter-card .counter-content .target {
    color: #fff !important;
}

.counter-wrap .counter-card .counter-icon i {
    color: #fff !important;
}