/* Component styling fixes for dark theme */

/* Mind map container styling */
.mindmap {
    background-color: #2d2d2d !important;
    border: 1px solid #555 !important;
    color: #d0d0d0 !important;
}

/* KM View - Mind map viewer */
.km-view {
    background-color: #2d2d2d !important;
    color: #d0d0d0 !important;
}

/* Position calculator styling */
.position-calculator {
    background-color: #2d2d2d !important;
    border: 1px solid #555 !important;
    padding: 20px !important;
    border-radius: 8px !important;
    margin: 20px 0 !important;
}

.position-calculator h4 {
    color: #fff !important;
    margin-bottom: 15px !important;
}

.position-calculator label {
    color: #d0d0d0 !important;
    display: block !important;
    margin-bottom: 5px !important;
}

.position-calculator input {
    background-color: #1e1e1e !important;
    border: 1px solid #555 !important;
    color: #d0d0d0 !important;
    padding: 8px !important;
    border-radius: 4px !important;
    width: 100% !important;
    margin-bottom: 10px !important;
}

.position-calculator input:focus {
    border-color: #007bff !important;
    outline: none !important;
}

.position-calculator button {
    background-color: #007bff !important;
    color: white !important;
    border: none !important;
    padding: 10px 20px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    margin-top: 10px !important;
}

.position-calculator button:hover {
    background-color: #0056b3 !important;
}

.position-calculator #result {
    background-color: #1e1e1e !important;
    border: 1px solid #555 !important;
    padding: 15px !important;
    border-radius: 4px !important;
    margin-top: 15px !important;
    color: #d0d0d0 !important;
}

/* Grid layout components */
div[style*="grid-template-columns"] {
    background-color: transparent !important;
}

div[style*="grid-template-columns"] > div {
    background: linear-gradient(135deg, #28a745, #20c997) !important;
    color: white !important;
    border-radius: 8px !important;
    padding: 15px !important;
    text-align: center !important;
}

/* Notice block styling improvements */
div.notices {
    margin: 2rem 0 !important;
    position: relative !important;
    border-radius: 4px !important;
    overflow: hidden !important;
}

div.notices p {
    padding: 15px !important;
    display: block !important;
    margin: 0 !important;
    color: #d0d0d0 !important;
    background-color: #2d2d2d !important;
    border: none !important;
}

div.notices.info p {
    border-top: 30px solid #17a2b8 !important;
    background-color: #2d2d2d !important;
    color: #d0d0d0 !important;
}

div.notices.warning p {
    border-top: 30px solid #ffc107 !important;
    background-color: #2d2d2d !important;
    color: #d0d0d0 !important;
}

div.notices.note p {
    border-top: 30px solid #6AB0DE !important;
    background-color: #2d2d2d !important;
    color: #d0d0d0 !important;
}

div.notices.tip p {
    border-top: 30px solid #28a745 !important;
    background-color: #2d2d2d !important;
    color: #d0d0d0 !important;
}

div.notices.error p {
    border-top: 30px solid #dc3545 !important;
    background-color: #2d2d2d !important;
    color: #d0d0d0 !important;
}

div.notices.success p {
    border-top: 30px solid #28a745 !important;
    background-color: #2d2d2d !important;
    color: #d0d0d0 !important;
}

/* Notice icons and labels */
div.notices p:first-child:before {
    color: #fff !important;
}

div.notices p:first-child:after {
    color: #fff !important;
}

/* Gallery styling */
.gallery {
    background-color: transparent !important;
}

.gallery img {
    border: 1px solid #555 !important;
    border-radius: 4px !important;
}

/* Figure captions */
figure figcaption {
    color: #d0d0d0 !important;
    background-color: #2d2d2d !important;
    padding: 10px !important;
    border-radius: 0 0 4px 4px !important;
}

/* YouTube/Vimeo embed containers */
.video-container {
    background-color: #2d2d2d !important;
    padding: 20px !important;
    border-radius: 8px !important;
    margin: 20px 0 !important;
}

/* Raw HTML content styling */
.rawhtml-content {
    background-color: transparent !important;
}

/* Override any white backgrounds */
.content *:not(img):not(iframe) {
    background-color: transparent !important;
}

/* Specific fixes for interactive elements */
input[type="number"], 
input[type="text"], 
select, 
textarea {
    background-color: #1e1e1e !important;
    border: 1px solid #555 !important;
    color: #d0d0d0 !important;
}

/* Button styling */
button, 
input[type="button"], 
input[type="submit"] {
    background-color: #007bff !important;
    color: white !important;
    border: 1px solid #007bff !important;
}

button:hover, 
input[type="button"]:hover, 
input[type="submit"]:hover {
    background-color: #0056b3 !important;
    border-color: #0056b3 !important;
}

/* Enhanced glow effect for Market Timing site title - High Priority */
/* Target the actual navbar brand element used by the theme */
.navbar-brand {
    transition: all 0.3s ease !important;
}

.navbar-brand:hover,
.navbar-brand:active,
.navbar-brand:focus {
    text-shadow: 
        0 0 8px rgba(255, 255, 255, 0.9),
        0 0 16px rgba(255, 255, 255, 0.7),
        0 0 24px rgba(255, 255, 255, 0.5),
        0 0 32px rgba(255, 255, 255, 0.4),
        0 0 40px rgba(255, 255, 255, 0.3),
        0 0 48px rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    opacity: 1 !important;
    transform: scale(1.05) !important;
}

/* Font size fixes to ensure content maintains proper sizing */
.post-container p {
    font-size: 17px !important;
    line-height: 1.7 !important;
}

.post-container h1 {
    font-size: 36px !important;
}

.post-container h2 {
    font-size: 30px !important;
}

.post-container h3 {
    font-size: 24px !important;
}

.post-container h4 {
    font-size: 21px !important;
}

.post-container li {
    font-size: 17px !important;
}

.sidebar-container {
    font-size: 14px !important;
}

/* Restore default font sizes for main content */
body {
    font-size: 18px !important;
    line-height: 1.7 !important;
}

/* Remove the test rule that was adding red background */