@charset "UTF-8";
/* ==================================================================
 * style-dark.css
 * Drop-in DARK MODE override for the "Indonez" theme (style.css)
 *
 * HOW TO USE:
 * Load this file AFTER uikit.css and AFTER style.css, e.g.:
 *   <link rel="stylesheet" href="css/uikit.min.css">
 *   <link rel="stylesheet" href="css/style.css">
 *   <link rel="stylesheet" href="css/style-dark.css">
 *
 * It does not delete anything from style.css — it only overrides
 * colors so the whole site (including plain UIkit elements the
 * theme file doesn't touch) renders dark.
 * ================================================================== */

/* ---------- design tokens (for your reference / easy tweaking) ----------
   bg-page:      #121017
   bg-surface:   #1b1922
   bg-surface-2: #232130
   border:       #322f3d
   text-primary: #eae7f2
   text-muted:   #a49dbb
   text-faint:   #7d7690
   accent:       #006d5b   (unchanged brand teal)
--------------------------------------------------------------------- */

/* [ 0. base / everything UIkit renders that style.css never overrides ] */
html, body {
    background-color: #121017;
    color: #cdc8db;
}

a { color: #23d5b5; }
a:hover { color: #4be3c8; }

::selection { background: #006d5b; color: #fff; }

/* generic UIkit surfaces so pages using plain uk-card / uk-section still go dark */
.uk-section-default { background-color: #121017; color: #cdc8db; }
.uk-section-muted    { background-color: #17151d; color: #cdc8db; }
.uk-card-default {
    background-color: #1b1922;
    color: #cdc8db;
    border-color: #322f3d;
}
.uk-card-body h1, .uk-card-body h2, .uk-card-body h3,
.uk-card-body h4, .uk-card-body h5 { color: #eae7f2; }

h1, h2, h3, h4, h5, h6 { color: #eae7f2; }

.uk-navbar-container:not(.uk-navbar-transparent) {
    background-color: #17151d;
}

.uk-navbar-dropdown {
    background-color: #1f1d28;
    color: #cdc8db;
    box-shadow: 0 5px 25px rgba(0,0,0,0.45);
}

.uk-dropdown, .uk-drop {
    background-color: #1f1d28;
    color: #cdc8db;
}

.uk-modal-dialog {
    background-color: #1b1922;
    color: #cdc8db;
}

.uk-offcanvas-bar {
    background-color: #17151d;
    color: #cdc8db;
}

.uk-accordion-title { color: #cdc8db; }

.uk-table {
    color: #cdc8db;
}
.uk-table th { color: #eae7f2; }
.uk-table striped tbody tr:nth-of-type(odd),
.uk-table-striped tbody tr:nth-of-type(odd) {
    background: #1b1922;
}
.uk-table-divider > tr:not(:first-child),
.uk-table-divider > :not(:first-child) > tr {
    border-top: 1px solid #322f3d;
}

.uk-input, .uk-textarea, .uk-select {
    background-color: #1b1922;
    color: #cdc8db;
    border-color: #322f3d;
}
.uk-input:focus, .uk-textarea:focus, .uk-select:focus {
    background-color: #1f1d28;
    border-color: #006d5b;
}
.uk-input::placeholder, .uk-textarea::placeholder { color: #7d7690; }

.uk-form-icon { color: #ffffff; }

hr, .uk-divider-icon::before, .uk-divider-icon::after { border-color: #322f3d; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #121017; }
::-webkit-scrollbar-thumb { background: #322f3d; border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: #454158; }

/* [ 1. global ] */
.in-button-app {
    background-color: #eae7f2;
    color: #15141c;
}
.in-button-app:hover {
    background-color: #232130;
    box-shadow: inset 0px 0px 0px 1px #3a3648;
    color: #eae7f2;
}

.in-highlight::before {
    background: #4d3128;
}

/* .in-list-check keeps accent teal, no change needed */

/* [ 2. header ] */
header {
    border-bottom: 1px solid #2a2733;
    background-color: #17151d;
}

header .uk-navbar-dropdown li { color: #cdc8db; }

/* [ 3. navigation ] */
.in-mobile-nav .uk-button {
    color: #cdc8db;
    box-shadow: inset 0px 0px 0px 1px #322f3d;
}

/* .in-optional-nav border/text is accent teal already — fine on dark bg */

/* [ 4. slideshow ] */
.in-slideshow {
    background: linear-gradient(0deg, #0c0b11 0%, #0c0b11 80%, #17151d 100%);
}

.in-slideshow .in-slideshow-feature {
    color: #eae7f2;
}

.in-slideshow .in-slideshow-feature .in-icon-wrap {
    background-color: #3d3852;
    color: #fff;
}

/* [ 5. footer ] — footer is already a dark purple in the base theme; just tie it to the darker page bg */
footer .uk-section-primary {
    background-color: #241d33;
}
footer .in-footer-warning h5 span {
    background-color: #241d33;
}

/* [ 6. components ] */
/* blog */
.in-blog-1 .uk-card-default {
    border: 1px solid #322f3d;
    background-color: #1b1922;
}
.in-blog-1 .uk-card-footer {
    border-top: 1px solid #322f3d;
}

/* article */
.in-article blockquote {
    border-left: 2px solid #322f3d;
    color: #cdc8db;
}

/* widgets */
.in-widget-tag .uk-label {
    background-color: #232130;
    color: #a49dbb;
}
.in-widget-category li a:hover,
.in-widget-popular li a:hover,
.in-widget-archive li a:hover {
    color: #ff8a68;
}

/* card component */
.in-card-10 .uk-card-default {
    background-color: #1b1922;
}
.in-card-10 .uk-light .in-icon-wrap {
    background: rgba(255, 255, 255, 0.12);
}
.in-card-paper {
    background-color: #1b1922;
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.55);
    border-color: rgba(255, 255, 255, 0.08);
}
.in-card-paper:before,
.in-card-paper:after {
    box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

/* client logos */
.in-client-logo-6 .uk-tile {
    border-right: 1px solid #322f3d;
}
@media (min-width: 640px) and (max-width: 960px) {
    .in-client-logo-6 .uk-tile:nth-child(-n+2) { border-bottom: 1px solid #322f3d; }
    .in-client-logo-6 .uk-tile:nth-child(1),
    .in-client-logo-6 .uk-tile:nth-child(3) { border-right: 1px solid #322f3d; }
}
@media (max-width: 639px) {
    .in-client-logo-6 .uk-tile { border-bottom: 1px solid #322f3d; }
}
.in-client-logo-3 .uk-tile img,
.in-client-logo-6 .uk-tile img {
    filter: brightness(0) invert(1);
    opacity: 0.6;
}
.in-client-logo-3 .uk-tile img:hover,
.in-client-logo-6 .uk-tile img:hover {
    opacity: 0.95;
}

/* content component */
.in-content-10 .uk-card-primary.uk-card-body .uk-search-default .uk-search-input {
    background-color: #1b1922;
    color: #cdc8db;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
}
.in-content-10 .uk-card-primary.uk-card-body .uk-search .uk-search-icon,
.in-content-10 .uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover,
.in-content-10 .uk-card-primary.uk-card-body .uk-search-input {
    color: #a49dbb;
}
.in-content-10 .uk-card-primary.uk-card-body .uk-search-input::placeholder,
.in-content-10 .uk-card-primary.uk-card-body .uk-search-input::-ms-input-placeholder {
    color: #7d7690;
}

.in-content-11 .uk-card-default {
    border: 1px solid #322f3d;
    background-color: #1b1922;
}
.in-content-11 .uk-card-default h4 {
    color: #cdc8db;
}
.in-content-11 .uk-card-default .in-icon-wrap {
    background-color: #322f3d;
    color: #fff;
}
.in-content-11 .uk-card-default .uk-text-small {
    color: #a49dbb;
}

/* pricing */
.in-pricing-1 .uk-card {
    border: 2px solid #3a3648;
}
.in-pricing-1 .uk-card-default {
    background-color: #1b1922;
}
.in-pricing-1 .uk-card-default:hover {
    border-color: #524b6b;
}
.in-pricing-1 .uk-card-header i {
    color: rgba(255, 255, 255, 0.1);
}
.in-pricing-1.in-pricing-featured .uk-card:hover {
    background-color: #1f1d28;
}

/* testimonial */
.in-testimonial-7 .uk-card-default,
.in-testimonial-8 .uk-card-default {
    border: 1px solid #322f3d;
    background-color: #1b1922;
}

/* timeline */
.in-timeline-1 .uk-card-default {
    border: 1px solid #322f3d;
    background-color: #1b1922;
}
.in-timeline-1 .in-timeline-branch .in-timeline-title {
    border-left: 1px solid #322f3d;
}

/* [ 7. utility ] */
body>div.in-loader {
    background: #121017;
}

.in-icon-wrap {
    background-color: #232130;
    color: #cdc8db;
}
/* .in-icon-wrap.primary-color / secondary-color keep their solid accent fills */

/* [ 9. custom / trading-profit blocks ] */
.in-profit-ticker {
    box-shadow: 0px 10px 25px -5px rgba(0, 0, 0, 0.4);
}
.in-profit-ticker .uk-slider-items li {
    color: #a49dbb;
}
.in-profit-trustpilot {
    border-top: 1px solid #2a2733;
}

.in-profit-2 .in-pricing-1 .uk-card-default {
    background: linear-gradient(0deg, #1b1922 0%, #1b1922 45%, #232130 75%, #232130 100%);
}
.in-profit-2 .in-pricing-1 .uk-card-media-top span {
    background: linear-gradient(0deg, #1b1922 0%, rgba(27, 25, 34, 0.6) 30%, rgba(27, 25, 34, 0) 100%);
}
.in-profit-2 .in-profit-appcard {
    background-color: #1f1d28;
    border: 2px solid #3a3648;
}
.in-profit-2 .in-profit-appcard hr {
    border-color: #322f3d;
}

.in-profit-4 .in-profit-stockprice .uk-card-default {
    background-color: #1b1922;
    box-shadow: 0px 0px 55px 0px rgba(0, 0, 0, 0.55);
}

.in-profit-7 div article {
    border-bottom: 1px solid #322f3d;
}
.in-profit-7 div article h5 a {
    color: #eae7f2;
}

.in-profit-8 {
    border-top: 1px solid #2a2733;
}

.in-profit-9 .uk-child-width-1-6\@m .in-icon-wrap {
    background-color: #ffffff;
}

.in-profit-11 .uk-card-primary {
    background-color: rgba(20, 26, 40, 0.55);
}

.in-profit-12 .uk-card-default {
    background-color: #1b1922;
}
@media (min-width: 640px) and (max-width: 960px) {
    .in-profit-12 .uk-child-width-1-2\@s div:nth-child(1) p:after,
    .in-profit-12 .uk-child-width-1-2\@s div:nth-child(2) p:after {
        border-bottom: 1px solid #322f3d;
    }
}

.in-profit-17 {
    border-top: 1px solid #2a2733;
}