/*
Theme Name: GetRNG Theme
Theme URI: https://www.getrng.com/
Description: Child theme for Twenty Twenty-Four
Author: GetRNG
Author URI: https://getrng.com/
Version: 1.0
Text Domain: getrng-theme
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Add your custom styles here */
:root,
[data-bs-theme=dark]{
    --wp--preset--font-family--body: "M PLUS 1 Code", monospace;
    --wp--preset--font-family--heading: "M PLUS 1 Code", monospace;
    --bs-body-font-family: "M PLUS 1 Code", monospace;
    --wp--preset--color--contrast: #00945c;
    --bs-body-color: #06e78f;
    --bs-body-color: #06e78f;
    --bs-emphasis-color-rgb: 6,231,143;

    --bs-heading-color: var(--bs-gray-dark);

    --bs-link-color: #06e78f;
    --bs-card-color: #06e78f;
    --bs-link-color-rgb: 6,231,143;

    /* Adding accent colors */
    --bs-secondary-color: #00A867; /* Slightly darker neon green for accents */
    --bs-danger-color: #ff073a; /* Terminal red for errors or warnings */
    --bs-warning-color: #ffae42; /* Amber for warning messages */
    --bs-info-color: #00d4ff; /* Cyan for info */

    /* Button hover effects */
    --bs-btn-hover-bg: rgba(6,231,143, 0.1); /* Slight glow on hover */
    --bs-btn-hover-border: rgba(6,231,143, 0.5);

    --getrng-theme-white: white;
    --bs-border-radius: 0;
}


div[data-qm="qm"] p{
 color:black;
}


.dropdown-menu-dark {
    --bs-dropdown-link-active-bg: #00A867;
    --bs-dropdown-link-color: #ffffff;
}


/* set the font family */
body {
    font-optical-sizing: auto;

    /* diagonal backgroun dgradien from #333d3c to left to #232623 bottom right */
    background: linear-gradient(135deg, #333d3c, #232623);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--bs-body-color);
}

.text-bg-dark{
    color: var(--bs-body-color)!important;
}

a, .nav-link {
    color: var(--bs-link-color);
    text-shadow: 0 0 0.2em rgba(var(--bs-link-color-rgb), 0.75);
}

.dropdown-item,
.dropdown-item:hover{
    text-shadow:none;
}

a:hover, .nav-link:hover {
    color: rgba(var(--bs-link-color-rgb), 0.85);
    text-shadow: 0 0 0.4em rgba(var(--bs-link-color-rgb), 0.9);
    /* Subtle underline glow effect */
    text-decoration: underline;
}

.navbar-brand:focus, .navbar-brand:hover,
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show, .nav-link.active, .nav-link.show {
    color: var(--bs-gray-dark);
    text-shadow:none;
    font-weight:600;
}


h1, h2, h3, h4, h5, h6, .nav-link{
    /* subtle neon green outer glow like a terminal */
    text-shadow: 0 0 .334em rgba(6,231,143,.6667);
}

.terminal-card {
    border: 1px solid #06e78f;
    box-shadow: 0 0 10px rgba(6, 231, 143, 0.5);
}
.terminal-card .card-header {
    color: var(--bs-body-color);
    text-shadow: 0 0 .334em rgba(6, 231, 143,.6667);
    border-bottom: 1px solid #06e78f;
    padding: 13px;
}

.terminal-card .card-body {
    padding: 13px;
}
.terminal-log li {
    margin-bottom: 5px;
    display:flex;
    gap:10px;
}
.terminal-prompt {
    color: var(--bs-body-color);
    margin-right: 10px;
}
.terminal-link {
    color: var(--bs-body-color);
    text-decoration: underline;
}
.terminal-link:hover {
    color: #00ff9d;
}

.getrng-theme-demo-final-result-muted,
.terminal-log li small {
    color: var(--wp--preset--color--contrast);
}




.bg-terminal{
    background-color: var(--bs-body-color);
}

header{
    border-bottom: 1px solid var(--wp--preset--color--contrast);
}

.nav-tabs .nav-link.active {
    color: var(--bs-dark);
    background-color: var(--bs-body-color);
    border-color: var(--bs-body-color);
    font-weight:600;
}


.getrng-theme-mode-chips {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    position: relative;
    flex-wrap: wrap;
}

.getrng-theme-mode-chips input {
    position: absolute;
    opacity: 0;
    top: 0;
    left: -99999px;
}

.getrng-theme-mode-chips input + label {
    display: block;
    background-color: var(--wp--preset--color--contrast);
    color: var(--bs-dark);
    cursor: pointer;
    line-height: 1;
    padding: .5em .8125em;
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    border-radius: 2em;
}

.getrng-theme-mode-chips input:checked + label {
    background-color: var(--bs-link-color);
    color: var(--bs-dark);
}

@media (min-width: 768px) {
    .getrng-theme-mode-chips input + label {
        font-size: 16px;
    }
}