/*
  Final Dark Tech Theme - V9 (Card Body Fix)
*/

:root {
    --clr-primary: #00A3FF !important; /* A bright, techy blue */
    --clr-secondary: #007AFF !important;
}

/* Global background */
body {
    background-color: #0A0B0F !important;
    background-image:
        radial-gradient(ellipse 60% 40% at 50% -15%, rgba(10, 130, 160, 0.15), transparent),
        radial-gradient(circle at center, rgba(255, 255, 255, 0.03) 1px, transparent 1.5px) !important;
    background-size: 100% 100%, 15px 15px !important;
}

/* Transparent Sections */
.service-section, .pricing-plan-section, .mybazar-login-section {
    background: none !important;
}

/* Titles */
.section-title h2 { color: #FFFFFF !important; }
.section-title p { color: #A0A0A0 !important; }

/* Login Text */
.login-body h2, .login-body h6 { color: #E0E0E0 !important; }
.login-body h6 { color: #A0A0A0 !important; }

/* Features Section Cards */
.service-card {
    background-color: rgba(20, 22, 28, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 16px !important;
}
.service-section .service-card .service-content h6 {
    color: #FFFFFF !important;
    font-weight: 500 !important;
    opacity: 1 !important;
}

/* --- PRICING CARD DEFINITIVE FIX --- */

.pricing-plan-section .card {
    background-color: rgba(20, 22, 28, 0.6) !important; /* Glass background */
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 16px !important;
}

/* Remove the original pink/white backgrounds from card sections */
.pricing-plan-section .card .card-header, .pricing-plan-section .card .card-body {
    background: none !important;
    border: none !important;
}

/* Plan Name (Free, Standard...) */
.pricing-plan-section .card-header p {
    color: #E0E0E0 !important;
    font-weight: 500 !important;
}

/* Price (Gratuit, $10) - The Blue Text */
.pricing-plan-section .card-header h4 {
    color: var(--clr-primary) !important;
    font-weight: 600 !important;
    font-size: 2.5rem !important;
}

/* Duration (/30 Days) */
.pricing-plan-section .card h4 .price-span {
    color: #A0A0A0 !important;
}

/* "Features of..." text */
.pricing-plan-section .card-body p {
     color: #A0A0A0 !important;
}

/* Feature list items */
.pricing-plan-section .card-body ul li {
    color: #E0E0E0 !important;
}
/* --- End of Fix -- */


/* Button styling */
.subscribe-plan, .get-app-btn {
    background-color: var(--clr-primary) !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 8px !important;
}
.subscribe-plan:hover, .get-app-btn:hover {
    background-color: var(--clr-secondary) !important;
}

/* Footer Styling */
.footer-section {
    background: transparent !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 1rem 0 !important;
}
.footer-section p { color: #707070 !important; }
.footer-section hr { display: none !important; }