/* ============================================================
   Site Toolkit — Frontend Styles
   ============================================================ */

/* ── Quotes ──────────────────────────────────────────────────────────────── */

/* Target the Atahualpa widget wrapper AND our inner wrap by attribute pattern.
   Atahualpa styles div descendants inside #right — we outspecify it here. */
div#wrapper div#container td#right div.stk-quote-widget,
div#wrapper div#container td#right div.stk-quote-widget *,
div#wrapper div#container td#left div.stk-quote-widget,
div#wrapper div#container td#left div.stk-quote-widget *,
[id^="stk_quote_widget"] {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    outline: none !important;
    border-radius: 0 !important;
}

/* Belt-and-suspenders: target the exact ID prefix Atahualpa sees */
[id^="stk-quote-wrap"] {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    border-left: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border-radius: 0 !important;
}
[id^="stk-quote-wrap"]::before,
[id^="stk-quote-wrap"]::after { display: none !important; content: none !important; }

.stk-quote-text  { display: inline !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: none !important; font-style: inherit !important; font-size: inherit !important; color: inherit !important; }
.stk-quote-author { display: inline !important; margin: 0 !important; padding: 0 !important; font-style: inherit !important; color: inherit !important; }
.stk-quote-btn   { display: inline !important; background: transparent !important; border: none !important; padding: 0 !important; margin-left: .4em !important; font-size: inherit !important; color: inherit !important; cursor: pointer !important; text-decoration: underline !important; opacity: .5 !important; box-shadow: none !important; }
.stk-quote-btn:hover { opacity: 1 !important; }

/* ── PageNavi ────────────────────────────────────────────────────────────── */
.stk-pagenavi {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35em;
    margin: 2em 0;
    font-size: .9em;
}

.stk-pagenavi a,
.stk-pagenavi .stk-page-current,
.stk-pagenavi .stk-page-gap,
.stk-pagenavi .stk-page-prev,
.stk-pagenavi .stk-page-next {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 2.1em;
    height: 2.1em;
    padding: 0 .5em;
    border-radius: 3px;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: background .15s, color .15s;
}

.stk-pagenavi a {
    background: #f0f0f0 !important;
    color: #333 !important;
    /* Neutralise Atahualpa's .page-numbers border rule */
    border: 1px solid #ddd !important;
    box-shadow: none !important;
}
.stk-pagenavi a:hover {
    background: #0073aa !important;
    color: #fff !important;
    border-color: #0073aa !important;
}

.stk-pagenavi .stk-page-current {
    background: #0073aa !important;
    color: #fff !important;
    cursor: default;
    /* Neutralise Atahualpa's span.current background and .page-numbers border */
    border: 1px solid #0073aa !important;
    box-shadow: none !important;
}

.stk-pagenavi .stk-page-gap {
    background: transparent !important;
    color: #555 !important;
    border: none !important;
    box-shadow: none !important;
}

.stk-pagenavi .stk-page-prev,
.stk-pagenavi .stk-page-next {
    background: transparent !important;
    color: #555 !important;
    /* Atahualpa has a.prev / a.next { border: none } — match it */
    border: none !important;
    box-shadow: none !important;
    font-size: 1.1em;
}