/* ============================================================
   Brand layer for mirrored chart pages (jodi + panel)
   Loaded AFTER the source's inline styles, so these rules win.
   Re-skins the amarsattamatka.net layout to the KHANAKHAN SATTA
   MATKA site scheme:
     purple  #6739B7   (primary / headings / table head)
     gold    #FFB80C   (borders / accents)
     black   body background, as on the homepage
   ============================================================ */

html { background: #000; }

body {
    background: #000 !important;
    color: #eee;
    padding-bottom: 12px;
}

/* page wrapper box — source used a peach background here */
.box {
    background: #000 !important;
    box-shadow: none !important;
}

/* ---------- logo ---------- */
.kfm-logo {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    margin: 4px auto 6px;
    text-align: center;
}

.kfm-logo .kfm-logo-img {
    display: block;
    margin: 0 auto;
    max-width: 460px;
    width: 100%;
    height: auto;
}

/* ---------- headings ---------- */
.chart-h1,
.pill-title {
    background: #6739B7 !important;
    border: 2px solid #FFB80C !important;
    color: #fff !important;
    text-shadow: 1px 1px 2px #000 !important;
}

.para3 {
    background: linear-gradient(187deg, #1a1a1a 50%, #222 50%) !important;
    border: 2px outset #FFB80C !important;
    color: #ddd !important;
    text-shadow: none !important;
}

.para3 h2 { color: #FFB80C !important; }
.para3 p  { color: #ccc !important; }

/* ---------- live result box ---------- */
.chart-note.chart-result,
.chart-note {
    background: #111 !important;
    border: 1px solid #FFB80C !important;
}

.chart-note div {
    color: #FFB80C !important;
    text-shadow: none !important;
}

.chart-note span {
    color: #fff !important;
    text-shadow: 1px 1px 2px #6739B7 !important;
}

.chart-note a {
    background: #6739B7 !important;
    color: #fff !important;
    border: 1px solid #FFB80C !important;
}

/* ---------- Go to Bottom button ---------- */
.button2 {
    background-color: #6739B7 !important;
    color: #fff !important;
    border: 2px solid #FFB80C !important;
    text-shadow: none !important;
    box-shadow: 0 6px 10px 0 rgba(0,0,0,.4) !important;
}

/* ---------- chart panel + table ----------
   The homepage uses white result cards inside a black shell.  Charts follow
   that same treatment so they feel like part of the site, rather than a
   separately themed page. */
.chart-panel {
    background: #fff !important;
    border: 2px solid #FFB80C !important;
}

.chart-panel-heading { background: #6739B7 !important; }

.chart-panel-heading h1 {
    color: #fff !important;
    text-shadow: 1px 1px 2px #000 !important;
}

.chart-table {
    background: #fff !important;
    box-shadow: none !important;
}

.chart-table,
.chart-table th,
.chart-table td {
    border-color: #6739B7 !important;
}

.chart-table thead { background-color: #6739B7 !important; }

.chart-table th {
    background: transparent !important;
    color: #fff !important;
    text-shadow: 1px 1px 2px #000 !important;
}

.chart-table td {
    background: #fff !important;
    color: #171717 !important;
    text-shadow: none !important;
}

.chart-table tr:nth-child(even) td { background: #f7f3ff !important; }

/* Source pages contain auxiliary result/nav elements.  Give those pieces the
   same purple / gold / white palette as the main results page too. */
.result { color: #171717 !important; text-shadow: none !important; }
.meta, .notice { color: #171717 !important; text-shadow: none !important; }
.tabs { background: #fff !important; }
.tab { background: #6739B7 !important; color: #fff !important; border-color: #FFB80C !important; }
.tab.active { background: #FFB80C !important; color: #171717 !important; }
.source-link { background: #6739B7 !important; color: #fff !important; border: 1px solid #FFB80C !important; }

/* keep the source's red-highlight convention for hot numbers */
.chart-table td.r,
.panel-layout .chart-table td.r { color: #ff5252 !important; }

/* jodi column emphasis inside panel rows */
.panel-layout .chart-table td.panel-jodi {
    color: #714600 !important;
    font-weight: 800 !important;
}

/* year divider rows */
.chart-table td.year-divider-cell {
    background: #6739B7 !important;
    color: #fff !important;
}

/* ---------- other-markets list ---------- */
.chart-list {
    background: #111 !important;
    border: 2px solid #6739B7 !important;
}

.chart-list span {
    background-color: #6739B7 !important;
    color: #fff !important;
}

.chart-list a {
    color: #FFB80C !important;
    border-bottom: 2px solid #6739B7 !important;
}

/* ---------- SEO text block ---------- */
.footer-text-div {
    background: #0d0d0d !important;
    color: #ccc !important;
    border: 2px solid #6739B7 !important;
}

.footer-text-div h4 { color: #FFB80C !important; text-shadow: none !important; }
.footer-text-div p,
.footer-text-div li { color: #bbb !important; }

/* ---------- footer ---------- */
footer.panel-footer {
    background-color: #000 !important;
    border: 4px groove #6739B7 !important;
    color: #FFB80C !important;
    text-shadow: 1px 1px 2px #000 !important;
}

footer.panel-footer .ftr-icon { color: #9b7bff !important; }
footer.panel-footer span { color: #FFB80C !important; }

/* Short, useful page context for visitors and search engines. */
.chart-seo-copy {
    max-width: 900px;
    margin: 10px auto;
    padding: 14px;
    background: #fff;
    border: 2px solid #FFB80C;
    border-radius: 6px;
    color: #222;
    font: 14px/1.55 Arial, sans-serif;
    text-align: left;
}
.chart-seo-copy h2 { margin: 0 0 6px; color: #6739B7; font-size: 18px; }
.chart-seo-copy p { margin: 5px 0; }
.chart-seo-copy a { color: #6739B7; font-weight: 700; }

/* ---------- fixed bottom-left button (source app button removed;
   class kept styled in case other pages use it) ---------- */
.mp-btn {
    display: none;
}

/* ---------- scrollbar (webkit) ---------- */
::-webkit-scrollbar { width: 10px; height: 8px; }
::-webkit-scrollbar-track { background: #0d0d0d; }
::-webkit-scrollbar-thumb { background: #6739B7; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #7c4fd0; }

/* ---------- phones ---------- */
@media (max-width: 560px) {
    .kfm-logo .kfm-logo-img { max-width: 100%; }
}