/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */


/* Default light mode styles */
pre {
    display: block;
    padding: 9px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* Dark mode styles */
[data-bs-theme="dark"] pre {
    color: #f0f6fc;
    background-color: #161b22;
    border-color: #30363d;
}


body {
    margin: 10px;
    /*background-image: url("/public/assets/images/texture.png");*/
}

main {
    background-color: #f6f5f4;
}

[data-bs-theme="dark"] body {
    background-color: #0d1117;
    color: #e6edf3;
}

[data-bs-theme="dark"] main {
    background-color: #0d1117;
}

/* Subtle noise texture for all sections */
/*header, footer {*/
/*    background-color: #f5f6f7;*/
/*    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-opacity='0.03'%3E%3Cpolygon fill='%23000' points='50 0 60 40 100 50 60 60 50 100 40 60 0 50 40 40'/%3E%3Cpolygon fill='%23000' points='0 0 20 30 0 60'/%3E%3Cpolygon fill='%23000' points='100 0 80 30 100 60'/%3E%3Cpolygon fill='%23000' points='0 100 20 70 0 40'/%3E%3Cpolygon fill='%23000' points='100 100 80 70 100 40'/%3E%3C/g%3E%3C/svg%3E");*/
/*}*/

/* main styles moved up after body */

a {
    text-decoration: none;
}

[data-bs-theme="dark"] a {
    color: #58a6ff;
}
[data-bs-theme="dark"] a:visited {
    color: #8b949e;
}

/* Add this to your custom.css file */
@media (max-width: 995px) {
    .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}


.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
}
.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color: #ccc;
}
.btn-default .badge {
    color: #fff;
    background-color: #333;
}

[data-bs-theme="dark"] .btn-default {
    color: #e6edf3;
    background-color: #21262d;
    border-color: #30363d;
}
[data-bs-theme="dark"] .btn-default:focus,
[data-bs-theme="dark"] .btn-default.focus {
    color: #e6edf3;
    background-color: #30363d;
    border-color: #484f58;
}
[data-bs-theme="dark"] .btn-default:hover {
    color: #e6edf3;
    background-color: #30363d;
    border-color: #484f58;
}
[data-bs-theme="dark"] .btn-default:active,
[data-bs-theme="dark"] .btn-default.active,
[data-bs-theme="dark"] .open > .dropdown-toggle.btn-default {
    color: #e6edf3;
    background-color: #30363d;
    border-color: #484f58;
}
[data-bs-theme="dark"] .btn-default:active:hover,
[data-bs-theme="dark"] .btn-default.active:hover,
[data-bs-theme="dark"] .open > .dropdown-toggle.btn-default:hover,
[data-bs-theme="dark"] .btn-default:active:focus,
[data-bs-theme="dark"] .btn-default.active:focus,
[data-bs-theme="dark"] .open > .dropdown-toggle.btn-default:focus,
[data-bs-theme="dark"] .btn-default:active.focus,
[data-bs-theme="dark"] .btn-default.active.focus,
[data-bs-theme="dark"] .open > .dropdown-toggle.btn-default.focus {
    color: #e6edf3;
    background-color: #484f58;
    border-color: #6e7681;
}
[data-bs-theme="dark"] .btn-default.disabled,
[data-bs-theme="dark"] .btn-default[disabled],
[data-bs-theme="dark"] fieldset[disabled] .btn-default,
[data-bs-theme="dark"] .btn-default.disabled:hover,
[data-bs-theme="dark"] .btn-default[disabled]:hover,
[data-bs-theme="dark"] fieldset[disabled] .btn-default:hover,
[data-bs-theme="dark"] .btn-default.disabled:focus,
[data-bs-theme="dark"] .btn-default[disabled]:focus,
[data-bs-theme="dark"] fieldset[disabled] .btn-default:focus,
[data-bs-theme="dark"] .btn-default.disabled.focus,
[data-bs-theme="dark"] .btn-default[disabled].focus,
[data-bs-theme="dark"] fieldset[disabled] .btn-default.focus,
[data-bs-theme="dark"] .btn-default.disabled:active,
[data-bs-theme="dark"] .btn-default[disabled]:active,
[data-bs-theme="dark"] fieldset[disabled] .btn-default:active,
[data-bs-theme="dark"] .btn-default.disabled.active,
[data-bs-theme="dark"] .btn-default[disabled].active,
[data-bs-theme="dark"] fieldset[disabled] .btn-default.active {
    background-color: #21262d;
    border-color: #30363d;
}
[data-bs-theme="dark"] .btn-default .badge {
    color: #0d1117;
    background-color: #c9d1d9;
}

.input-group {
    /*height: 40px !important;*/
}

/* Fix rounded corners for text input in toggle mode */
#text-input-container .form-control {
    /*border-top-left-radius: 0;*/
    /*border-bottom-left-radius: 0;*/
    border-radius: 0;
}

/* Navbar and footer styling */
.navbar {
    background-color: #dedad7;
    border-bottom: 1px solid #c9c5c2;
}

footer {
    background-color: #dedad7;
    border-top: 1px solid #c9c5c2;
}

[data-bs-theme="dark"] .navbar {
    background-color: #161b22;
    border-bottom: 1px solid #30363d;
}

[data-bs-theme="dark"] footer {
    background-color: #161b22;
    border-top: 1px solid #30363d;
}