/*
  Blue / Teal color skin for the duplicated crypto homepage.
  Load this file AFTER css/style.css and AFTER the existing orange skin.
  Suggested path on the site: css/skins/blue-teal.css

  Palette:
  - Base:        #06141d
  - Header/Nav:  #071923
  - Panels:      #0b1f2a / #102a38
  - Accent:      #16d2c7
  - Accent 2:    #0ea5e9
*/

:root {
  --bt-bg: #06141d;
  --bt-bg-deep: #020b12;
  --bt-nav: #071923;
  --bt-panel: #0b1f2a;
  --bt-panel-2: #102a38;
  --bt-panel-3: #143445;
  --bt-footer: #051018;
  --bt-border: rgba(148, 163, 184, 0.18);
  --bt-text: #f8fafc;
  --bt-muted: #9fb0bf;
  --bt-muted-2: #cbd5e1;
  --bt-primary: #16d2c7;
  --bt-primary-dark: #0f766e;
  --bt-secondary: #0ea5e9;
  --bt-secondary-dark: #0369a1;
  --bt-gradient: linear-gradient(135deg, #16d2c7 0%, #0ea5e9 100%);
  --bt-hero-overlay: linear-gradient(135deg, rgba(2, 11, 18, 0.84) 0%, rgba(7, 25, 35, 0.74) 54%, rgba(14, 165, 233, 0.20) 100%);
}

/* Base */
html,
body {
  background: var(--bt-bg);
}

body,
body p,
p {
  color: var(--bt-muted);
}

.wrapper,
body.boxed .wrapper,
.auth-page,
.user-auth > div:nth-child(2) {
  background: var(--bt-bg);
}

a,
a:visited,
a:link,
.banner-area .breadcrumb > li a,
.comments-list .comment-reply,
body.error-page .error a.refresh,
.footer .bottom-footer p a:hover {
  color: var(--bt-primary);
}

a:hover,
a:focus,
.footer .top-footer .menu ul li a:hover,
.footer .top-footer .social-footer ul li a:hover,
.footer .social-footer ul li a:hover,
.latest-post .post-title a:hover {
  color: #67e8f9;
}

hr,
.footer hr {
  background-color: var(--bt-border);
}

/* Preloader */
#preloader {
  background-color: var(--bt-bg);
}

#preloader feFlood {
  flood-color: var(--bt-primary);
}

.path {
  stroke: var(--bt-primary);
}

/* Header + navigation */
.header {
  background: var(--bt-panel);
}

.site-nav-inner,
.site-navigation.fixed ul.navbar-nav,
.site-navigation.fixed,
ul.navbar-nav,
.dropdown-menu {
  background: var(--bt-nav);
}

.site-navigation,
.site-navigation.fixed ul.navbar-nav,
.dropdown-menu,
.dropdown-menu li a,
body.blog .meta,
.shop-cart .table tbody > tr,
.shop-checkout .table tbody > tr,
.widget.recent-posts ul li,
.sidebar ul.nav-tabs li,
.panel.panel-default,
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-color: var(--bt-border);
}

ul.navbar-nav > li > a,
.navbar-nav .fa-search,
ul.bitcoin-stats h6,
ul.user li a,
.dropdown-menu li a {
  color: var(--bt-text);
}

ul.bitcoin-stats span,
.dropdown-menu li a,
.footer .top-footer .menu ul li a,
.footer .bottom-footer p,
.footer .bottom-footer p a,
.facts-footer > div span,
.footer .top-footer h4.payment-title {
  color: var(--bt-muted);
}

ul.navbar-nav > li:not(.search):hover,
ul.navbar-nav > li.active,
ul.navbar-nav > li.dropdown.open,
.dropdown-menu li a:hover,
.dropdown-menu li.active a,
.dropdown-menu li.active a:hover {
  background: rgba(22, 210, 199, 0.08);
}

ul.navbar-nav > li:hover > a:after,
ul.navbar-nav > li.active > a:after,
.title-head-subtitle p:before,
.title-head-subtitle p:after {
  background: var(--bt-gradient);
}

/* Buttons */
.btn-primary,
.pricing-switcher .switch,
.pagination li.active a,
.contact-form .output_message.success,
.back-to-top:hover,
.footer .top-footer .social-footer ul li a:hover,
.contact-page-info .social-contact ul li a i {
  background: var(--bt-gradient);
  color: var(--bt-bg-deep);
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.pagination li.active a {
  border-color: transparent;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background: linear-gradient(135deg, #0ea5e9 0%, #16d2c7 100%);
  color: #fff;
}

ul.user li.sign-in a,
.slider.btn-primary,
.call-action-all .action-btn .btn-primary,
.facts .btn-primary.btn-pricing,
.shop-cart .btn.btn-coupon,
.shop-cart .btn.btn-update-cart {
  background: transparent;
  color: var(--bt-primary);
  border: 1px solid var(--bt-primary);
}

ul.user li.sign-in a:hover,
ul.user li.sign-in a:focus,
ul.user li.sign-in a:active,
.slider.btn-primary:hover,
.slider.btn-primary:focus,
.slider.btn-primary:active,
.call-action-all .action-btn .btn-primary:hover,
.call-action-all .action-btn .btn-primary:focus,
.call-action-all .action-btn .btn-primary:active,
.facts .btn-primary.btn-pricing:hover,
.facts .btn-primary.btn-pricing:focus,
.facts .btn-primary.btn-pricing:active,
.shop-cart .btn.btn-coupon:hover,
.shop-cart .btn.btn-update-cart:hover {
  background: var(--bt-gradient) !important;
  color: var(--bt-bg-deep) !important;
  border-color: transparent !important;
}

/* Typography accents */
.title-head,
.title-about,
.feature-title,
.feature-box .feature-box-content h3,
.pricing h3,
.pricing-header h2,
.pricing-header h2 span,
.price,
.price .currency,
.price .value,
.bitcoin-calculator-section h2,
.action-text h2,
.shop-cart h4.title-totals,
.shop-checkout h3,
.contact-form h3,
.sidebar .widget-title,
body.blog article h4,
.comments-heading,
h4.panel-title a.collapsed,
.footer .top-footer h4,
.facts .facts-content .heading-facts h2,
.facts h3,
.facts h4 {
  color: var(--bt-text);
}

.title-head span,
.slider-text .slide-title span,
.banner-area .banner-title span,
.bitcoin-calculator-section h2 span,
.feature-about i,
.contact-page-info .contact-info-box i.big-icon,
.countdown-amount,
.facts-footer > div h5 {
  color: var(--bt-primary);
}

.title-head-subtitle p,
.bitcoin-calculator-section p.message,
.action-text p,
.tab-content p,
.about-text,
.team-member-caption p,
.service-box p,
.comments-list .comment-content,
.contact-page-info .contact-info-box-content p {
  color: var(--bt-muted);
}

/* Hero / image overlays */
#main-slide .item:after {
  background: var(--bt-hero-overlay);
}

#main-slide .carousel-control i {
  color: var(--bt-primary);
  text-shadow: none;
}

#main-slide .carousel-control i:hover {
  color: #67e8f9;
}

.bg-image-1:after,
.bg-image-2:after,
.banner-area .banner-overlay,
.call-action-all .call-action-all-overlay,
.bitcoin-calculator-section:before {
  background: linear-gradient(135deg, rgba(2, 11, 18, 0.82), rgba(7, 25, 35, 0.72));
}

/* Panels and sections */
.features-row,
.image-block,
.image-block2,
.team-member-caption,
.service-box > div,
.widget,
.comments-list .comment,
.shop-checkout .checkout .payment .cheque,
.shop-checkout .checkout .payment .paypal,
.shop-cart table.order thead tr,
.shop-cart .quantity,
.shop-cart .qty,
.shop-cart input.qtyplus,
.shop-cart input.qtyminus,
.shop-checkout .checkout table.products thead tr,
.shop-checkout .checkout table.products th.with-bg {
  background: var(--bt-panel);
}

.features-row,
.service-box > div,
.widget,
.comments-list .comment,
.pricing-wrapper > li,
.bitcoin-calculator-section .container,
.facts .container,
.team-member-caption {
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.22);
}

.image-block,
.pricing-wrapper > li,
.bitcoin-calculator-section .container,
.facts .container {
  background: var(--bt-panel-2);
}

.feature-box .feature-box-content p,
.image-block .feature p,
.service-box p,
.footer .bottom-footer p,
.action-text p {
  color: var(--bt-muted-2);
}

/* Existing orange PNG icons are visually retinted until new assets are added. */
.feature-box .feature-icon img,
.image-block .feature .feature-icon img,
.service-box img {
  filter: sepia(1) saturate(2.1) hue-rotate(125deg) brightness(1.18);
}

/* About tabs */
ul.nav.nav-tabs li a,
ul.nav.nav-tabs li.active a {
  color: var(--bt-muted-2);
  border-left-color: var(--bt-border);
}

ul.nav.nav-tabs li.active a,
ul.nav.nav-tabs li a:hover {
  color: var(--bt-primary);
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: var(--bt-primary);
}

/* Pricing */
.pricing-switcher > p {
  background: var(--bt-bg-deep);
  border-color: var(--bt-border);
}

.pricing-switcher label,
.pricing-switcher label.switch-1.active,
.pricing-switcher label.switch-2.active {
  color: var(--bt-text);
}

.pricing-wrapper > li {
  background: var(--bt-panel);
  border: 1px solid var(--bt-border);
}

.pricing-wrapper > li::before {
  background: var(--bt-gradient);
}

.pricing-wrapper > li:hover {
  border-color: rgba(22, 210, 199, 0.55);
  box-shadow: 0 24px 65px rgba(14, 165, 233, 0.14);
}

.pricing-header {
  color: var(--bt-text);
}

.pricing-header h2,
.pricing-header h2 span {
  color: var(--bt-muted-2);
}

.pricing-footer a.btn-primary {
  color: var(--bt-bg-deep);
}

/* Calculator / form fields */
.bitcoin-calculator-section .container {
  border: 1px solid var(--bt-border);
}

.bitcoin-calculator .form-input,
.bitcoin-calculator .form-info,
.form-control,
.widget-search input,
.widget-search input:focus,
.shop-cart .qty,
.shop-cart input.qtyplus,
.shop-cart input.qtyminus {
  background: var(--bt-bg-deep);
  border-color: var(--bt-border);
  color: var(--bt-text);
}

.form-control:focus,
.bitcoin-calculator .form-input:focus {
  border-color: var(--bt-primary);
}

.form-control::-webkit-input-placeholder { color: #64748b; }
.form-control:-moz-placeholder { color: #64748b; }
.form-control::-moz-placeholder { color: #64748b; }
.form-control:-ms-input-placeholder { color: #64748b; }
.form-control::-ms-input-placeholder { color: #64748b; }

.bitcoin-calculator .form-info,
.bitcoin-calculator .form-info i,
.bitcoin-calculator .form-equal {
  color: var(--bt-primary);
}

.select2-container--default .select2-selection--single,
.select2-dropdown,
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected=true] {
  background: var(--bt-panel);
  color: var(--bt-text);
  border-color: var(--bt-border);
}

/* Footer / CTA / facts */
.footer,
.call-action-all:after,
.call-action-all:before {
  background: var(--bt-footer);
}

.footer .top-footer .social-footer ul li a,
.latest-post .post-date,
.back-to-top {
  background: var(--bt-panel-2);
  color: var(--bt-muted-2);
}

.footer .bottom-footer p {
  border-top-color: var(--bt-border);
}

.call-action-all:after,
.call-action-all:before {
  border-bottom-color: var(--bt-footer);
}

.banner-area:after,
.banner-area:before {
  border-bottom-color: var(--bt-bg);
}

.facts .facts-content .fact:after {
  background: var(--bt-border);
}

/* Tables / shop / checkout */
.shop-cart .table h6,
.shop-cart .table .icon-delete-product,
.shop-checkout .checkout table.products td.text-price {
  color: var(--bt-text);
}

.products > thead > tr > th,
.products > thead > tr > td,
.products > tbody > tr > th,
.products > tbody > tr > td,
.products > tfoot > tr > th,
.products > tfoot > tr > td {
  border-top-color: var(--bt-border);
}

/* Light-mode safety: preserve the new accent if any pages use body.light */
body.light .title-head span,
body.light .slider-text .slide-title span,
body.light .banner-area .banner-title span,
body.light .bitcoin-calculator-section h2 span,
body.light a,
body.light a:visited,
body.light a:link {
  color: var(--bt-primary);
}

body.light .btn-primary,
body.light .pricing-switcher .switch,
body.light .back-to-top:hover {
  background: var(--bt-gradient);
  color: var(--bt-bg-deep);
}

@media (max-width: 767px) {
  .site-navigation,
  body.light .site-navigation {
    background: var(--bt-nav);
    border-bottom-color: var(--bt-border);
  }

  .navbar-collapse ul.navbar-nav > li > a,
  .navbar-collapse ul.navbar-nav > li.active > a,
  .navbar-collapse ul.navbar-nav > li:hover > a {
    color: var(--bt-text);
  }

  ul.nav.nav-tabs,
  .nav-tabs > li {
    border-color: var(--bt-border);
  }

  .about-content ul.nav.nav-tabs li.active a:hover,
  .about-content ul.nav.nav-tabs li.active a {
    color: var(--bt-primary);
  }
}