/* R121: extend only the existing ChatGPT Plus details link over its card.
   Its body remains the containing block; the order control stays above the link. */
html.nx-home-page:not(.nx-product-page) #service-results .nexxa-service:has(.nexxa-order[data-order-service="143c48ceaa1171f1"]) .nx-service-link[href="chatgpt-plus"]::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: 23px;
    cursor: pointer;
}
html.nx-home-page:not(.nx-product-page) #service-results .nexxa-service:has(.nexxa-order[data-order-service="143c48ceaa1171f1"]) .nexxa-service-body > .nexxa-order {
    position: relative;
    z-index: 2;
}
html.nx-home-page:not(.nx-product-page) #service-results .nexxa-service:has(.nexxa-order[data-order-service="143c48ceaa1171f1"]) .nx-service-link[href="chatgpt-plus"]:focus-visible { outline: none; }
html.nx-home-page:not(.nx-product-page) #service-results .nexxa-service:has(.nexxa-order[data-order-service="143c48ceaa1171f1"]) .nx-service-link[href="chatgpt-plus"]:focus-visible::after {
    outline: 3px solid var(--service-color, #b99aff);
    outline-offset: -4px;
}

/* Eight requested cards: reduce only illumination by 8%, not content opacity.
   The edge gradient also shines through the translucent card body. */
html.nx-home-page:not(.nx-product-page) #service-results .nexxa-service:has(.nexxa-order:is([data-order-service="143c48ceaa1171f1"],[data-order-service="bc16ca387f21fe27"],[data-order-service="dc01d9c831d32d57"],[data-order-service="91f7717e2afaf6af"],[data-order-service="ef48bdef5b27901b"],[data-order-service="e8d480bd6ea80510"],[data-order-service="3345f7e324264f75"],[data-order-service="e0dffeaa6ba4adc5"])) .nexxa-service-body::before {
    opacity: calc(var(--card-ambient, .20) * .92);
}
html.nx-home-page:not(.nx-product-page):where(html[data-nx-theme="dark"]) #service-results .nexxa-service:has(.nexxa-order:is([data-order-service="143c48ceaa1171f1"],[data-order-service="bc16ca387f21fe27"],[data-order-service="dc01d9c831d32d57"],[data-order-service="91f7717e2afaf6af"],[data-order-service="ef48bdef5b27901b"],[data-order-service="e8d480bd6ea80510"],[data-order-service="3345f7e324264f75"],[data-order-service="e0dffeaa6ba4adc5"])):is(:focus-visible, :has(.nexxa-order:focus-visible)) {
        --card-edge: linear-gradient(to bottom, color-mix(in srgb, var(--service-color) 46%, transparent), color-mix(in srgb, var(--service-color) 9.2%, transparent));
        --card-shadow: 0 20px 40px -15px color-mix(in srgb, var(--service-color) 27.6%, transparent);
    }
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
        html.nx-home-page:not(.nx-product-page):where(html[data-nx-theme="dark"]) #service-results .nexxa-service:has(.nexxa-order:is([data-order-service="143c48ceaa1171f1"],[data-order-service="bc16ca387f21fe27"],[data-order-service="dc01d9c831d32d57"],[data-order-service="91f7717e2afaf6af"],[data-order-service="ef48bdef5b27901b"],[data-order-service="e8d480bd6ea80510"],[data-order-service="3345f7e324264f75"],[data-order-service="e0dffeaa6ba4adc5"])):hover {
            --card-edge: linear-gradient(to bottom, color-mix(in srgb, var(--service-color) 46%, transparent), color-mix(in srgb, var(--service-color) 9.2%, transparent));
            --card-shadow: 0 20px 40px -15px color-mix(in srgb, var(--service-color) 27.6%, transparent);
        }
    }
@media (hover: none), (pointer: coarse), (max-width: 767px) {
        html.nx-home-page:not(.nx-product-page):where(html[data-nx-theme="dark"]) #service-results .nexxa-service:has(.nexxa-order:is([data-order-service="143c48ceaa1171f1"],[data-order-service="bc16ca387f21fe27"],[data-order-service="dc01d9c831d32d57"],[data-order-service="91f7717e2afaf6af"],[data-order-service="ef48bdef5b27901b"],[data-order-service="e8d480bd6ea80510"],[data-order-service="3345f7e324264f75"],[data-order-service="e0dffeaa6ba4adc5"])).is-scroll-active {
            --card-edge: linear-gradient(to bottom, color-mix(in srgb, var(--service-color) 34.96%, transparent), color-mix(in srgb, var(--service-color) 7.36%, transparent));
            --card-shadow: 0 20px 40px -15px color-mix(in srgb, var(--service-color) 18.4%, transparent);
        }
    }
html.nx-home-page:not(.nx-product-page):where(html[data-nx-theme="light"]) #service-results .nexxa-service:has(.nexxa-order:is([data-order-service="143c48ceaa1171f1"],[data-order-service="bc16ca387f21fe27"],[data-order-service="dc01d9c831d32d57"],[data-order-service="91f7717e2afaf6af"],[data-order-service="ef48bdef5b27901b"],[data-order-service="e8d480bd6ea80510"],[data-order-service="3345f7e324264f75"],[data-order-service="e0dffeaa6ba4adc5"])) .nexxa-service-body::before {
        opacity: calc(var(--day-glow-opacity, .22) * .92);
    }
html.nx-home-page:not(.nx-product-page):where(html[data-nx-theme="light"]) #service-results .nexxa-service:has(.nexxa-order:is([data-order-service="143c48ceaa1171f1"],[data-order-service="bc16ca387f21fe27"],[data-order-service="dc01d9c831d32d57"],[data-order-service="91f7717e2afaf6af"],[data-order-service="ef48bdef5b27901b"],[data-order-service="e8d480bd6ea80510"],[data-order-service="3345f7e324264f75"],[data-order-service="e0dffeaa6ba4adc5"])):is(:focus-visible, :has(.nexxa-order:focus-visible)) {
        --card-edge: linear-gradient(to bottom, color-mix(in srgb, var(--day-tint, var(--service-color)) 68.08%, transparent), color-mix(in srgb, var(--day-tint, var(--service-color)) 32.2%, transparent) 50%, color-mix(in srgb, var(--day-tint, var(--service-color)) 7.36%, transparent));
        --card-shadow: 0 16px 32px -16px color-mix(in srgb, var(--day-tint, var(--service-color)) 50.6%, transparent);
    }
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
        html.nx-home-page:not(.nx-product-page):where(html[data-nx-theme="light"]) #service-results .nexxa-service:has(.nexxa-order:is([data-order-service="143c48ceaa1171f1"],[data-order-service="bc16ca387f21fe27"],[data-order-service="dc01d9c831d32d57"],[data-order-service="91f7717e2afaf6af"],[data-order-service="ef48bdef5b27901b"],[data-order-service="e8d480bd6ea80510"],[data-order-service="3345f7e324264f75"],[data-order-service="e0dffeaa6ba4adc5"])):hover {
            --card-edge: linear-gradient(to bottom, color-mix(in srgb, var(--day-tint, var(--service-color)) 68.08%, transparent), color-mix(in srgb, var(--day-tint, var(--service-color)) 32.2%, transparent) 50%, color-mix(in srgb, var(--day-tint, var(--service-color)) 7.36%, transparent));
            --card-shadow: 0 16px 32px -16px color-mix(in srgb, var(--day-tint, var(--service-color)) 50.6%, transparent);
        }
    }
@media (hover: none), (pointer: coarse), (max-width: 767px) {
        html.nx-home-page:not(.nx-product-page):where(html[data-nx-theme="light"]) #service-results .nexxa-service:has(.nexxa-order:is([data-order-service="143c48ceaa1171f1"],[data-order-service="bc16ca387f21fe27"],[data-order-service="dc01d9c831d32d57"],[data-order-service="91f7717e2afaf6af"],[data-order-service="ef48bdef5b27901b"],[data-order-service="e8d480bd6ea80510"],[data-order-service="3345f7e324264f75"],[data-order-service="e0dffeaa6ba4adc5"])).is-scroll-active {
            --card-edge: linear-gradient(to bottom, color-mix(in srgb, var(--day-tint, var(--service-color)) 68.08%, transparent), color-mix(in srgb, var(--day-tint, var(--service-color)) 32.2%, transparent) 50%, color-mix(in srgb, var(--day-tint, var(--service-color)) 7.36%, transparent));
            --card-shadow: 0 16px 32px -16px color-mix(in srgb, var(--day-tint, var(--service-color)) 50.6%, transparent);
        }
    }

/* Match CapCut's neutral white accent; daylight keeps its readable slate tint.
   These two catalog variables are inline, so the scoped overrides are important. */
html.nx-home-page:not(.nx-product-page) #service-results .nexxa-service:has(.nexxa-order[data-order-service="8795cee8e75bd7b6"]) {
    --service-color: #ffffff !important;
    --day-accent: #64748b !important;
    --day-tint: #64748b !important;
}
/* R141: native controls follow the administrator-selected public appearance. */
:root:where(html[data-nx-theme="dark"]) {
    color-scheme: dark;
}
:root:where(html[data-nx-theme="light"]) {
    color-scheme: light;
}

/* R157: homepage details cue below the description in its own text color. The existing link still covers only ChatGPT Plus;
   its order button and keyboard focus treatment keep their original layers. */
html.nx-home-page:not(.nx-product-page) #service-results .nexxa-service h3 .nx-service-link:hover {
    text-decoration: none;
}
html.nx-home-page:not(.nx-product-page) #service-results .nexxa-service:has(.nexxa-order[data-order-service="143c48ceaa1171f1"]) .nexxa-description::after {
    content: "عرض التفاصيل ←";
    display: block;
    width: fit-content;
    margin: 8px 0 0 auto;
    text-align: right;
    color: inherit;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.6;
    direction: rtl;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    transform: translateY(3px);
    transition: opacity .2s ease, transform .2s ease;
}
html.nx-home-page:not(.nx-product-page) #service-results .nexxa-service:has(.nexxa-order[data-order-service="143c48ceaa1171f1"]):focus-within .nexxa-description::after {
    opacity: 1;
    transform: none;
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
    html.nx-home-page:not(.nx-product-page):not(.nx-card-hover-guard) #service-results .nexxa-service:has(.nexxa-order[data-order-service="143c48ceaa1171f1"]):hover .nexxa-description::after {
        opacity: 1;
        transform: none;
    }
}
@media (hover: none), (pointer: coarse), (max-width: 767px) {
    html.nx-home-page:not(.nx-product-page) #service-results .nexxa-service:has(.nexxa-order[data-order-service="143c48ceaa1171f1"]).is-scroll-active .nexxa-description::after {
        opacity: 1;
        transform: none;
    }
}
@media (prefers-reduced-motion: reduce) {
    html.nx-home-page:not(.nx-product-page) #service-results .nexxa-service:has(.nexxa-order[data-order-service="143c48ceaa1171f1"]) .nexxa-description::after {
        transition: none;
        transform: none;
    }
}