/* The site's own overrides over the dividendPedia theme CSS (loaded after it, base.html.j2).
   The theme files under wp-content/themes/dividendPedia/ stay as live ships them. */

/* RTL: the market-state tooltip (charts.css) is absolutely positioned with left: auto, so in
   RTL its static position is the circle's right edge and translateX(-90%) pushes it past the
   chart's left edge, off-screen: the page scrolls sideways (live too). Mirror it instead,
   anchored at the circle's right edge and opening towards the chart. */
[dir="rtl"] .stock-chart-container .market-state .tooltip,
[dir="rtl"] .stock-data-container .market-state .tooltip {
    right: 0;
    transform: translateX(90%);
}

/* Forms: loading overlay active state and response feedback */
#loading-overlay.is-active {
    visibility: visible !important;
    opacity: 1 !important;
}

.form-feedback {
    margin-top: 15px;
    padding: 12px 16px;
    border-radius: var(--border-radius);
    font-size: 0.95rem;
    line-height: 1.4;
}

.form-feedback.error {
    background-color: rgba(220, 53, 69, 0.15);
    border: 1px solid #dc3545;
    color: #ff6b6b;
}

.form-feedback.success {
    background-color: rgba(40, 167, 69, 0.15);
    border: 1px solid #28a745;
    color: #d1f225;
}

.form-feedback.success p,
.form-feedback.error p {
    margin: 0;
}