/* ASEL Turizm V43.7.7 - Home page light/dark consistency */

/* Services: dashboard may select a dark canvas, but the public light theme
   must still present an intentional light surface. */
html[data-theme="light"] .as-services-designer:is(
    .as-service-bg-dark,
    .as-service-bg-gradient,
    .as-service-bg-image
) {
    color: var(--asel-text) !important;
    background:
        radial-gradient(
            circle at 86% 5%,
            color-mix(in srgb, var(--asel-cyan) 13%, transparent),
            transparent 31%
        ),
        var(--asel-page-soft) !important;
}

html[data-theme="light"] .as-services-designer :where(
    .as-section-heading h2,
    .as-section-heading p,
    .as-section-rich-text
) {
    color: var(--asel-text) !important;
}

html[data-theme="light"] .as-services-designer .as-section-heading p,
html[data-theme="light"] .as-services-designer .as-section-rich-text {
    color: var(--asel-text-soft) !important;
}

/* Fleet had only a hard-coded navy implementation. Supply its light pair. */
html[data-theme="light"] .as-fleet-showcase,
html[data-theme="light"] .as-fleet-showcase[style*="--asel-fleet-background"] {
    color: var(--asel-text) !important;
    background:
        radial-gradient(
            circle at 86% 4%,
            color-mix(in srgb, var(--asel-cyan) 12%, transparent),
            transparent 32%
        ),
        var(--asel-page-soft) !important;
}

html[data-theme="light"] .as-fleet-showcase :where(
    .as-section-heading h2,
    .as-fleet-showcase-card h3,
    .as-fleet-showcase-meta b
) {
    color: var(--asel-text) !important;
}

html[data-theme="light"] .as-fleet-showcase :where(
    .as-section-heading p,
    .as-section-rich-text,
    .as-fleet-brand,
    .as-fleet-showcase-features span
) {
    color: var(--asel-text-soft) !important;
}

html[data-theme="light"] .as-fleet-showcase-card {
    border-color: var(--asel-border) !important;
    background: var(--asel-surface) !important;
    box-shadow: var(--asel-shadow) !important;
}

html[data-theme="light"] .as-fleet-showcase-meta span {
    color: var(--asel-text-soft) !important;
    border-color: var(--asel-border) !important;
    background: var(--asel-surface-2) !important;
}

html[data-theme="light"] .as-fleet-showcase-meta img {
    filter: none !important;
}

html[data-theme="light"] .as-fleet-showcase-counter {
    color: var(--asel-text) !important;
}

html[data-theme="light"] .as-fleet-showcase-arrows button {
    color: var(--asel-text) !important;
    border-color: var(--asel-border) !important;
    background: var(--asel-surface) !important;
}

html[data-theme="light"] .as-fleet-showcase-arrows button:hover {
    color: #fff !important;
    border-color: var(--asel-accent) !important;
    background: var(--asel-accent) !important;
}

/* Keep transitions calm while switching theme. */
.as-services-designer,
.as-fleet-showcase,
.as-fleet-showcase-card,
.as-fleet-showcase-meta span,
.as-fleet-showcase-arrows button {
    transition:
        color var(--asel-transition),
        background var(--asel-transition),
        border-color var(--asel-transition),
        box-shadow var(--asel-transition),
        transform .28s ease;
}