:root {
    --theme-blue: #0f6cbd;
    --theme-blue-soft: #eaf4fd;
    --theme-blue-deep: #16324f;
    --theme-text: #1f2933;
    --theme-muted: #52606d;
    --theme-line: rgba(15, 108, 189, 0.14);
    --theme-surface: #ffffff;
    --theme-surface-alt: #f4f9fd;
    --theme-shadow: 0 18px 44px rgba(10, 43, 73, 0.12);
}

body {
    color: var(--theme-text);
}

a,
.card-link,
.a-link-title,
.home-secondary-link {
    color: var(--theme-blue-deep);
}

a:hover,
.card-link:hover,
.a-link-title:hover,
.home-secondary-link:hover {
    color: var(--theme-blue);
}

.site-nav a,
.site-footer a {
    color: inherit;
}

.site-footer,
.site-footer h2,
.site-footer a,
.site-footer p {
    color: #eff7ff;
}

.phone-btn,
.line-btn {
    background: linear-gradient(135deg, #374151, #111827);
}

.main-btn {
    background: linear-gradient(135deg, var(--theme-blue), #5fb4ff);
}

.float-btn svg,
.m-float-btn svg {
    filter: grayscale(1);
}

.tooltip-text {
    background: rgba(17, 24, 39, 0.95);
}

.body-blog-blue,
#body-blog-blue,
.body-blog-white,
#body-blog-white,
.search-row,
.body-blog-container,
.body-container .card,
.body-container .list-group-item {
    background-color: transparent !important;
}

.body-blog-blue,
#body-blog-blue {
    background: linear-gradient(135deg, #eaf4fd, #d9ebfa) !important;
}

.body-blog-white,
#body-blog-white,
.search-row,
.body-blog-container {
    background: transparent !important;
}

.body-text-title,
.blog-txt-title,
.card-title,
.section-title,
.landing-page h2,
.landing-page h3,
.landing-page h4 {
    color: var(--theme-blue-deep) !important;
}

.blog-txt-content,
.card-text,
.list-group-item,
.landing-page p,
.landing-page li,
.landing-page .section-subtitle,
.landing-page .stat-label,
.landing-page .service-card p,
.landing-page .why-card p,
.landing-page .benefit-card p,
.landing-page .feature-card p {
    color: var(--theme-muted) !important;
}

.body-container .card,
.landing-page .benefit-card,
.landing-page .why-card,
.landing-page .service-card,
.landing-page .feature-card,
.landing-page .pricing-card,
.landing-page .comparison-table,
.landing-page .portfolio-item,
.landing-page .case-study-card,
.landing-page .ad-type-card,
.landing-page .content-card {
    border: 1px solid var(--theme-line) !important;
    border-radius: 24px !important;
    box-shadow: var(--theme-shadow) !important;
    background: var(--theme-surface) !important;
}

.landing-page .hero,
.landing-page .hero-section,
.landing-page section.hero,
.landing-page section.hero-section {
    background: linear-gradient(135deg, var(--theme-blue-deep), var(--theme-blue)) !important;
    color: #ffffff !important;
}

.landing-page .hero::before,
.landing-page .hero::after {
    opacity: 0.08 !important;
    color: #ffffff !important;
}

.landing-page .hero h1,
.landing-page .hero p,
.landing-page .hero h2,
.landing-page .hero-section h1,
.landing-page .hero-section p {
    color: #ffffff !important;
}

.landing-page .highlight,
.landing-page span[style*="#ffd700"],
.landing-page span[style*="#00f2ea"],
.landing-page span[style*="#fe2c55"] {
    color: #d7ecff !important;
}

.landing-page .stats,
.landing-page .services,
.landing-page .features,
.landing-page .pricing,
.landing-page .comparison,
.landing-page .faq,
.landing-page .process,
.landing-page .contact-section,
.landing-page section[style*="#f8f9fa"],
.landing-page section[style*="#f7fafc"],
.landing-page section[style*="#edf2f7"] {
    background: var(--theme-surface-alt) !important;
}

.landing-page .stat-number,
.landing-page .benefit-card h3,
.landing-page .why-card h3,
.landing-page .feature-card h4,
.landing-page .service-card h4,
.landing-page .service-item h4,
.landing-page .pricing-price,
.landing-page .step-number,
.landing-page .check,
.landing-page .cross {
    color: var(--theme-blue) !important;
}

.landing-page .btn,
.landing-page .btn-primary,
.landing-page .btn-white,
.landing-page .btn-secondary,
.landing-page .btn-outline,
.landing-page .btn-cta {
    border: 1px solid var(--theme-line) !important;
    color: var(--theme-blue-deep) !important;
    background: #ffffff !important;
    box-shadow: 0 12px 28px rgba(15, 108, 189, 0.12) !important;
}

.landing-page .btn:hover,
.landing-page .btn-primary:hover,
.landing-page .btn-white:hover,
.landing-page .btn-secondary:hover,
.landing-page .btn-outline:hover,
.landing-page .btn-cta:hover {
    background: var(--theme-blue-soft) !important;
    color: var(--theme-blue-deep) !important;
}

.landing-page .btn.btn-primary--solid,
.landing-page .btn-solid {
    color: #ffffff !important;
    background: var(--theme-blue) !important;
}

.landing-page .badge,
.landing-page .viral-badge {
    color: #ffffff !important;
    background: #374151 !important;
}

.landing-page .service-card,
.landing-page .feature-card,
.landing-page .service-item,
.landing-page .pricing-card.popular,
.landing-page .ad-type-card,
.landing-page .case-study-card {
    border-left: 4px solid var(--theme-blue) !important;
}

.landing-page .service-icon,
.landing-page .content-icon,
.landing-page .ad-type-icon,
.landing-page .portfolio-img,
.landing-page div[style*="font-size: 48px"],
.landing-page div[style*="font-size:48px"] {
    color: #111827 !important;
    filter: grayscale(1) brightness(0.3) !important;
}

.landing-page .comparison-table th,
.landing-page .step-number,
.landing-page .hero [style*="background: #ffd700"],
.landing-page .hero [style*="background:#ffd700"],
.landing-page .hero [style*="background: white"],
.landing-page .hero [style*="background:white"] {
    background: linear-gradient(135deg, var(--theme-blue-deep), var(--theme-blue)) !important;
    color: #ffffff !important;
}

.landing-page [style*="#764ba2"],
.landing-page [style*="#ff0844"],
.landing-page [style*="#ff4646"],
.landing-page [style*="#fe2c55"],
.landing-page [style*="#00f2ea"],
.landing-page [style*="#4facfe"],
.landing-page [style*="#00f2fe"],
.landing-page [style*="#1877f2"],
.landing-page [style*="#0d5dbf"],
.landing-page [style*="#667eea"] {
    color: var(--theme-blue) !important;
}

.landing-page [style*="border-left: 5px solid"],
.landing-page [style*="border-left:5px solid"] {
    border-left-color: var(--theme-blue) !important;
}

.landing-page [style*="color: white"],
.landing-page [style*="color:white"] {
    color: inherit;
}

.landing-page .hero [style*="color: white"],
.landing-page .hero [style*="color:white"],
.landing-page .hero-section [style*="color: white"],
.landing-page .hero-section [style*="color:white"] {
    color: #ffffff !important;
}

.landing-page img,
.body-container img.card-img-top {
    border-radius: 18px;
}

.body-container .card-body,
.body-container .list-group-item {
    background: #ffffff;
}

.body-container .card,
.body-container .search-row .form-control,
.body-container .search-row select {
    border: 1px solid var(--theme-line);
    border-radius: 18px;
}

.body-container .search-row .form-control:focus,
.body-container .search-row select:focus {
    border-color: var(--theme-blue);
    box-shadow: 0 0 0 0.2rem rgba(15, 108, 189, 0.12);
}

@media (max-width: 767px) {
    .landing-page .hero h1,
    .landing-page h1 {
        font-size: 40px !important;
    }
}