/*
Theme Name: Mercury Child
Theme URI: https://uttopion.com/
Description: Uttopion Juegos dark theme
Template: mercury
Version: 9.0.0
*/

@import url("../mercury/style.css?v=1776442734");

/* =============================================
   CSS VARIABLES
   ============================================= */
:root {
    --uj-bg:   #0f1219;
    --uj-bg2:  #151a2e;
    --uj-card: #1a1f2e;
    --uj-card2:#1e2436;
    --uj-el:   #252b40;
    --uj-bdr:  #2e3557;
    --uj-acc:  #FE6F19;
    --uj-acc-h:#ff8a3d;
    --uj-txt:  #e0e0e0;
    --uj-txt2: #a3a7bf;
    --uj-rs:   8px;
    --uj-rl:   14px;
}

/* =============================================
   BASE
   ============================================= */
body { background-color: var(--uj-bg) !important; color: var(--uj-txt) !important; }
a { color: var(--uj-acc); text-decoration: none; }
a:hover { color: var(--uj-acc-h); }
h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color: #fff !important; }
p { color: var(--uj-txt) !important; }
input,select,textarea { background: var(--uj-el) !important; border: 1px solid var(--uj-bdr) !important; color: var(--uj-txt) !important; border-radius: var(--uj-rs) !important; }
input:focus,select:focus,textarea:focus { border-color: var(--uj-acc) !important; outline: none; }

/* =============================================
   WRAPPERS
   ============================================= */
.space-box,
.space-page-section,
.space-page-section-ins,
.space-content-section,
.space-page-content-wrap,
.space-page-content-box-wrap,
.space-page-content,
.space-default-page-content { background-color: var(--uj-bg) !important; color: var(--uj-txt) !important; }
.space-page-content h1,.space-page-content h2,.space-page-content h3,
.space-page-content h4,.space-page-content h5 { color: #fff !important; }
.space-page-content a { color: var(--uj-acc) !important; }
.space-page-content ul li:before { background-color: var(--uj-acc) !important; }

/* =============================================
   HEADER
   ============================================= */
.space-header-wrap, .space-header-height .space-header-wrap { background-color: var(--uj-bg2) !important; }
.space-header-height .space-header-top, .space-header-height .space-header-logo-ins:after { background-color: var(--uj-bg) !important; }
.space-header-height .space-header-menu ul.main-menu li,
.space-header-height .space-header-menu ul.main-menu li a { color: var(--uj-txt) !important; }
.space-header-height .space-header-menu ul.main-menu li a:hover,
.space-header-height .space-header-menu ul.main-menu li:hover > a { color: var(--uj-acc) !important; border-bottom-color: var(--uj-acc) !important; }
.space-header-height .space-header-menu ul.main-menu li ul.sub-menu { background-color: var(--uj-card) !important; border: 1px solid var(--uj-bdr) !important; }
.space-header-height .space-header-menu ul.main-menu li ul.sub-menu li a { color: var(--uj-txt) !important; }
.space-header-height .space-header-menu ul.main-menu li ul.sub-menu li a:hover { color: var(--uj-acc) !important; }
.space-header-height .space-header-logo a { color: var(--uj-txt) !important; }
.space-header-height .space-header-logo span { color: var(--uj-acc) !important; }
.space-header-height .space-mobile-menu-icon div { background-color: var(--uj-txt) !important; }
.space-header-height .space-close-icon .to-right,
.space-header-height .space-close-icon .to-left { background-color: var(--uj-txt) !important; }
.space-mobile-menu .space-mobile-menu-block { background-color: var(--uj-bg2) !important; }
.space-mobile-menu .space-mobile-menu-list ul li { border-bottom-color: var(--uj-bdr) !important; }
.space-mobile-menu .space-mobile-menu-list ul li a { color: var(--uj-txt) !important; }
.space-mobile-menu .space-mobile-menu-list ul li a:hover { color: var(--uj-acc) !important; }
.space-mobile-menu .space-mobile-menu-copy { color: var(--uj-txt2) !important; border-top-color: var(--uj-bdr) !important; }
.space-mobile-menu .space-mobile-menu-header a { color: var(--uj-txt) !important; }

/* =============================================
   TITLE BOX
   ============================================= */
.space-title-box,.space-archive-title-box { background-color: var(--uj-bg) !important; }
.space-title-box h1,.space-archive-title-box h1 { color: #fff !important; }
.space-title-box .space-breadcrumbs,.space-archive-title-box .space-breadcrumbs,
.space-title-box .space-breadcrumbs a,.space-archive-title-box .space-breadcrumbs a { color: var(--uj-txt2) !important; }

/* =============================================
   CASINO LIST (shortcode-9 / space-organizations-8)
   ============================================= */

/* Wrapper */
.space-organizations-8-archive-items {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

/* Card */
.space-organizations-8-archive-item {
    background: var(--uj-card) !important;
    border: 1px solid var(--uj-bdr) !important;
    border-radius: 12px !important;
    overflow: hidden;
    transition: border-color .2s, box-shadow .2s;
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
}
.space-organizations-8-archive-item:hover {
    border-color: var(--uj-acc) !important;
    box-shadow: 0 4px 24px rgba(254,111,25,.12) !important;
}

/* Inner row — flex horizontal */
.space-organizations-8-archive-item-ins { display: block !important; }
.space-organizations-8-archive-item-bg {
    background: transparent !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    padding: 14px 20px !important;
    gap: 20px !important;
    width: 100% !important;
    float: none !important;
    box-sizing: border-box !important;
}

/* ---- LEFT: logo + name + stars (fixed width) ---- */
.space-organizations-8-archive-item-left {
    width: 130px !important;
    min-width: 130px !important;
    max-width: 130px !important;
    flex-shrink: 0 !important;
    float: none !important;
}
.space-organizations-8-archive-item-brand {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
    float: none !important;
}
/* logo */
.space-organizations-8-archive-item-brand-logo,
.space-organizations-8-archive-item-brand-logo-ins {
    width: 80px !important;
    height: 80px !important;
    padding: 0 !important;
    float: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.space-organizations-8-archive-item-brand-logo img {
    width: 72px !important;
    height: 72px !important;
    max-width: 72px !important;
    object-fit: contain !important;
    border-radius: 8px !important;
    margin: 0 !important;
}
/* casino name */
.space-organizations-8-archive-item-brand-name {
    width: 100% !important;
    text-align: center !important;
    float: none !important;
    line-height: 1.3 !important;
    box-sizing: border-box !important;
}
.space-organizations-8-archive-item-brand-name-link {
    width: 100% !important;
    float: none !important;
}
.space-organizations-8-archive-item-brand-name-link a {
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 1em !important;
    display: block !important;
}
.space-organizations-8-archive-item-brand-name-link a:hover { color: var(--uj-acc) !important; }

/* stars */
.space-organizations-8-archive-item-stars-rating {
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    height: auto !important;
    display: block !important;
}

/* ---- CENTRAL: bonus text (flex-grow) ---- */
.space-organizations-8-archive-item-central {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    float: none !important;
    width: auto !important;
    display: flex !important;
    align-items: center !important;
}
.space-organizations-8-archive-item-ins-pd {
    padding: 0 !important;
    width: 100% !important;
}
/* bonus text */
.space-organizations-8-archive-item-ins-pd p { margin: 0 !important; }
.space-organizations-8-archive-item-ins-pd strong,
.space-organizations-8-archive-item-ins-pd p,
.space-organizations-8-archive-item-ins-pd p strong {
    color: #fff !important;
    font-size: 1.05em !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}
/* terms fine print */
.space-organizations-8-archive-item-terms {
    color: var(--uj-txt2) !important;
    font-size: 0.78em !important;
    margin-top: 5px !important;
    line-height: 1.4 !important;
}
.space-organizations-8-archive-item-terms a { color: var(--uj-acc) !important; }
/* small-strong helper class used in bonus text */
.space-organizations-8-archive-item-ins-pd .small-strong,
.space-organizations-8-archive-item-ins-pd p.small-strong {
    color: var(--uj-txt2) !important;
    font-size: 0.82em !important;
    font-weight: 400 !important;
    display: block !important;
    margin-top: 4px !important;
}
.space-organizations-8-archive-item-terms p { color: var(--uj-txt2) !important; font-size: inherit !important; }

/* ---- RIGHT: buttons (fixed width) ---- */
.space-organizations-8-archive-item-right {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    flex-shrink: 0 !important;
    float: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    align-items: stretch !important;
}
.space-organizations-8-archive-item-buttons {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
}
.space-organizations-8-archive-item-buttons-left,
.space-organizations-8-archive-item-buttons-right {
    width: 100% !important;
    float: none !important;
    text-align: center !important;
    display: block !important;
}

/* button-one = "Leer la Reseña" → subtle link */
.space-organizations-8-archive-item-button-one {
    color: var(--uj-txt2) !important;
    font-size: 0.85em !important;
    text-align: center !important;
    margin: 0 !important;
}
.space-organizations-8-archive-item-button-one a {
    display: block !important;
    color: var(--uj-txt2) !important;
    background: transparent !important;
    border: 1px solid var(--uj-bdr) !important;
    border-radius: 7px !important;
    padding: 9px 12px !important;
    font-size: 0.85em !important;
    text-decoration: none !important;
    transition: all .2s !important;
    box-shadow: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.space-organizations-8-archive-item-button-one a:hover {
    color: var(--uj-acc) !important;
    border-color: var(--uj-acc) !important;
    background: transparent !important;
}

/* button-two = "Juego Ahora" → main orange CTA */
.space-organizations-8-archive-item-button-two {
    margin: 0 !important;
}
.space-organizations-8-archive-item-button-two a {
    display: block !important;
    background: var(--uj-acc) !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 0.95em !important;
    text-align: center !important;
    padding: 12px 16px !important;
    border-radius: 7px !important;
    border: none !important;
    text-decoration: none !important;
    transition: background .2s, box-shadow .2s !important;
    box-shadow: 0 4px 14px rgba(254,111,25,.35) !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.space-organizations-8-archive-item-button-two a:hover {
    background: var(--uj-acc-h) !important;
    color: #fff !important;
    box-shadow: 0 6px 20px rgba(254,111,25,.5) !important;
}

/* button-notice (fine print below buttons) */
.space-organizations-8-archive-item-button-notice {
    color: var(--uj-txt2) !important;
    font-size: 0.72em !important;
    text-align: center !important;
    line-height: 1.3 !important;
}
.space-organizations-8-archive-item-button-notice a {
    color: var(--uj-txt2) !important;
    text-decoration: underline !important;
}

/* Load more */
.space-load-more-button {
    background: var(--uj-card) !important;
    color: var(--uj-txt) !important;
    border: 1px solid var(--uj-bdr) !important;
    border-radius: 8px !important;
}
.space-load-more-button:hover { border-color: var(--uj-acc) !important; color: var(--uj-acc) !important; }



/* =============================================
   TABLES
   ============================================= */
.mtr-table th,.space-page-content table th { background: var(--uj-bg2) !important; color: #fff !important; border: 1px solid var(--uj-bdr) !important; padding: 10px 14px !important; }
.mtr-table td,.space-page-content table td { background: var(--uj-card) !important; color: var(--uj-txt) !important; border: 1px solid var(--uj-bdr) !important; padding: 10px 14px !important; }
.mtr-table tr:nth-child(even) td { background: var(--uj-card2) !important; }

/* =============================================
   SIDEBAR
   ============================================= */
.space-sidebar .widget,.space-widget { background: var(--uj-card) !important; border: 1px solid var(--uj-bdr) !important; border-radius: var(--uj-rl) !important; padding: 20px !important; }
.widget-title,.space-widget-title { color: #fff !important; }
.space-widget-title span:before { background-color: var(--uj-acc) !important; }
.space-sidebar .widget ul li a { color: var(--uj-txt) !important; }
.space-sidebar .widget ul li a:hover { color: var(--uj-acc) !important; }

/* =============================================
   FOOTER
   ============================================= */
.space-footer { background-color: var(--uj-bg2) !important; border-top: 1px solid var(--uj-bdr) !important; }
.space-footer-top { background-color: var(--uj-bg2) !important; }
.space-footer-copy { background-color: var(--uj-bg) !important; border-top: 1px solid var(--uj-bdr) !important; }
.space-footer p,.space-footer li { color: var(--uj-txt2) !important; }
.space-footer a { color: var(--uj-txt2) !important; }
.space-footer a:hover { color: var(--uj-acc) !important; }

/* =============================================
   SLOTS
   ============================================= */
.sl-container,.sl-placeholder,.sl-featured-widget-container { background: var(--uj-card) !important; border: 1px solid var(--uj-bdr) !important; border-radius: var(--uj-rl) !important; }
.slotsl-game,.space-games-1-item { background: var(--uj-card) !important; border: 1px solid var(--uj-bdr) !important; border-radius: var(--uj-rs) !important; }
.sl-placeholder .slaunch-button { background: var(--uj-acc) !important; color: #fff !important; border-radius: var(--uj-rs) !important; }

/* =============================================
   MISC
   ============================================= */
.space-to-top a { background: var(--uj-acc) !important; border-radius: 50% !important; }
.space-block-title { color: #fff !important; }
.space-block-title span:before { background-color: var(--uj-acc) !important; }
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--uj-bg); }
::-webkit-scrollbar-thumb { background: var(--uj-el); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--uj-acc); }

/* =============================================
   MOBILE
   ============================================= */



/* =============================================
   MTR RESPONSIVE TABLE — override plugin inline !important
   Uses body prefix for higher specificity
   ============================================= */
body .mtr-table,
body .mtr-table tbody,
body .mtr-table tr,
body .mtr-table td,
body .mtr-table th,
body .mtr-table .mtr-td-tag,
body .mtr-table .mtr-th-tag { background-color: var(--uj-card) !important; color: var(--uj-txt) !important; border-color: var(--uj-bdr) !important; }

body .mtr-table tr:nth-child(even),
body .mtr-table tr:nth-child(even) .mtr-td-tag,
body .mtr-table tr:nth-child(even) .mtr-th-tag { background: var(--uj-card2) !important; }

body .mtr-table tr:nth-child(odd),
body .mtr-table tr:nth-child(odd) .mtr-td-tag,
body .mtr-table tr:nth-child(odd) .mtr-th-tag { background: var(--uj-card) !important; }

body .mtr-table tr:nth-child(even) .mtr-td-tag,
body .mtr-table tr:nth-child(even) .mtr-th-tag {
    border-color: var(--uj-bdr) !important;
}
body .mtr-table tr:nth-child(odd) .mtr-td-tag,
body .mtr-table tr:nth-child(odd) .mtr-th-tag {
    border-color: var(--uj-bdr) !important;
}
body .mtr-table tr:first-of-type td:first-of-type,
body .mtr-table tr:first-of-type th:first-of-type { border-color: var(--uj-bdr) !important; }

body .mtr-table td[data-mtr-content]:before,
body .mtr-table th[data-mtr-content]:before { color: var(--uj-txt2) !important; }

@media (max-width: 650px) {
    body .mtr-table tr:nth-child(even),
    body .mtr-table tr:nth-child(even) .mtr-td-tag,
    body .mtr-table tr:nth-child(even) .mtr-th-tag { background: var(--uj-card2) !important; }
    body .mtr-table tr:nth-child(odd),
    body .mtr-table tr:nth-child(odd) .mtr-td-tag,
    body .mtr-table tr:nth-child(odd) .mtr-th-tag { background: var(--uj-card) !important; }
    body .mtr-table .mtr-td-tag, body .mtr-table .mtr-th-tag { color: var(--uj-txt) !important; }
}


/* =============================================
   MOBILE CASINO CARD — force full stacked layout
   box-33/box-25/box-50/box-75 float columns must be cleared
   ============================================= */
@media (max-width: 900px) {
    /* Prevent horizontal overflow */
    body { overflow-x: hidden !important; }
    .space-header,.space-header-height,.space-header-wrap,.space-header-ins,
    .space-page-section,.space-page-section-ins,.space-content-section { max-width: 100vw !important; overflow: hidden !important; }

    /* CASINO CARD: stack vertically */
    .space-organizations-8-archive-item { width: 100% !important; }
    .space-organizations-8-archive-item-bg {
        flex-direction: column !important;
        align-items: stretch !important;
        padding: 14px !important;
        gap: 14px !important;
    }

    /* Each column: full width, no float */
    .space-organizations-8-archive-item-left,
    .space-organizations-8-archive-item-central,
    .space-organizations-8-archive-item-right {
        width: 100% !important;
        max-width: 100% !important;
        min-width: unset !important;
        float: none !important;
        flex-shrink: unset !important;
    }

    /* Left: centered logo + name + stars */
    .space-organizations-8-archive-item-brand {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        width: 100% !important;
    }
    .space-organizations-8-archive-item-brand-logo,
    .space-organizations-8-archive-item-brand-logo-ins { width: 64px !important; height: 64px !important; min-width: 64px !important; }
    .space-organizations-8-archive-item-brand-logo img { width: 60px !important; height: 60px !important; max-width: 60px !important; }
    .space-organizations-8-archive-item-brand-name { text-align: center !important; width: 100% !important; }
    .space-organizations-8-archive-item-brand-name-link { width: 100% !important; text-align: center !important; }
    .space-organizations-8-archive-item-brand-name-link a { font-size: 1em !important; text-align: center !important; }
    .space-organizations-8-archive-item-stars-rating { text-align: center !important; }

    /* Central: centered bonus text */
    .space-organizations-8-archive-item-central {
        padding: 0 !important;
        text-align: center !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .space-organizations-8-archive-item-ins-pd { text-align: center !important; }
    .space-organizations-8-archive-item-ins-pd p,
    .space-organizations-8-archive-item-ins-pd p strong { font-size: 1em !important; text-align: center !important; }
    .space-organizations-8-archive-item-ins-pd .small-strong { text-align: center !important; }
    .space-organizations-8-archive-item-terms { text-align: center !important; }

    /* Buttons: side by side, equal width, full row */
    .space-organizations-8-archive-item-right {
        display: flex !important;
        flex-direction: row !important;
        gap: 10px !important;
        width: 100% !important;
        float: none !important;
    }
    .space-organizations-8-archive-item-buttons {
        display: flex !important;
        flex-direction: row !important;
        gap: 10px !important;
        width: 100% !important;
        float: none !important;
    }
    .space-organizations-8-archive-item-buttons-left,
    .space-organizations-8-archive-item-buttons-right {
        flex: 1 1 0 !important;
        width: auto !important;
        min-width: 0 !important;
        float: none !important;
        display: block !important;
    }
    .space-organizations-8-archive-item-button-one,
    .space-organizations-8-archive-item-button-two {
        width: 100% !important;
        margin: 0 !important;
        display: block !important;
    }
    .space-organizations-8-archive-item-button-one a,
    .space-organizations-8-archive-item-button-two a {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        font-size: 0.88em !important;
        padding: 13px 6px !important;
        white-space: nowrap !important;
        text-align: center !important;
    }

    h1 { font-size: 1.7rem !important; }
    h2 { font-size: 1.4rem !important; }
    h3 { font-size: 1.2rem !important; }
}