/*
Theme Name: 9RSLOT
Theme URI: https://9rslot.com/
Description: Child theme for 9RSLOT based on Extendable.
Author: 9RSLOT
Template: extendable
Version: 1.4.0
Text Domain: 9rslot-child
*/

/* Keep Extendable's block-theme typography, colors and layout intact. */
.wp-site-blocks .wp-block-site-logo img,
.wp-site-blocks .custom-logo {
    max-height: 60px;
    width: auto;
}
.wp-block-button__link {
    border-radius: 10px;
    transition: transform 180ms ease;
}
.wp-block-button__link:hover { transform: translateY(-2px); }
.wp-block-post-content p { line-height: 1.75; }
.wp-block-post-content img { height: auto; max-width: 100%; }

/* Standalone 404 page; styles are namespaced to prevent theme conflicts. */
html.nrs14-error-page { background: #030406; }
body.nrs14-error-page {
    min-height: 100vh;
    margin: 0;
    padding: 32px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    position: relative;
    isolation: isolate;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    color: #f6f2e9;
    background: radial-gradient(ellipse at 12% 12%, #222026 0, transparent 42%),
                radial-gradient(ellipse at 88% 84%, #1a1c26 0, transparent 48%), #030406;
}
.nrs14-error-page::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-image:
      radial-gradient(circle, rgba(251,218,126,.95) 1px, transparent 2px),
      radial-gradient(circle, rgba(197,205,220,.82) 1px, transparent 2px),
      radial-gradient(circle, rgba(255,255,255,.60) .75px, transparent 1.5px);
    background-size: 157px 139px, 223px 211px, 87px 103px;
    background-position: 11px 23px, 62px 79px, 26px 16px;
    animation: nrs14-twinkle 8s ease-in-out infinite alternate;
}
@keyframes nrs14-twinkle { from { opacity: .35; } to { opacity: .70; } }
.nrs14-404-wrap {
    width: min(100%, 930px);
    box-sizing: border-box;
    border: 1px solid rgba(225,189,98,.32);
    border-radius: 22px;
    background: linear-gradient(155deg, rgba(17,19,27,.96), rgba(6,7,12,.98));
    padding: clamp(24px, 5vw, 48px);
    box-shadow: 0 30px 90px rgba(0,0,0,.7), 0 0 45px rgba(212,175,55,.07);
}
.nrs14-404-head { text-align: center; margin-bottom: 26px; }
.nrs14-404-overline { font-size: 12px; letter-spacing: .17em; color: #e7ce90; font-weight: 700; }
.nrs14-404-number {
    margin: 10px 0 8px;
    font-size: clamp(76px, 15vw, 146px);
    line-height: 1.03;
    letter-spacing: -.065em;
    font-weight: 850;
    background: linear-gradient(120deg, #fff3c7, #d8b45f 60%, #b9c2d1);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.nrs14-404-title { font-size: clamp(25px, 4.1vw, 40px); line-height: 1.2; margin: 8px 0 12px; color: #fff; }
.nrs14-404-subtitle { color: #c7c9d3; line-height: 1.6; margin: 0; }
.nrs14-language-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    border: 1px solid rgba(231,218,182,.2);
    background: rgba(231,218,182,.12);
    border-radius: 14px;
    overflow: hidden;
}
.nrs14-language { min-width: 0; padding: 13px 17px; background: #0c0e14; }
.nrs14-language strong { color: #ead18f; font-size: 13px; display: block; margin-bottom: 6px; }
.nrs14-language p { color: #d0d2da; font-size: 14px; line-height: 1.6; margin: 0; overflow-wrap: anywhere; }
.nrs14-language[dir='rtl'] { text-align: right; }
.nrs14-404-actions { text-align: center; margin-top: 26px; }
.nrs14-home-link {
    display: inline-block;
    padding: 13px 24px;
    border-radius: 10px;
    background: linear-gradient(120deg, #f1d88f, #c89e4a);
    color: #17130b;
    font-size: 14px;
    font-weight: 750;
    text-decoration: none;
}
.nrs14-home-link:hover { filter: brightness(1.08); }
.nrs14-404-foot { text-align: center; color: #9da0ac; margin: 22px 0 0; font-size: 12px; }
@media(max-width: 640px) {
    .nrs14-language-grid { grid-template-columns: 1fr; }
    .nrs14-404-wrap { padding: 24px 18px; border-radius: 16px; }
}
@media(prefers-reduced-motion: reduce) {
    .nrs14-error-page::before { animation: none; }
    .wp-block-button__link { transition: none; }
}