/* ============================================
   Starter Theme — Generated Colors v3.0
   Static file — regenerated on save.
   Author: The Quantum Development
   Generated: 2026-02-27 14:32:02
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/* ======================
   1. ROOT VARIABLES
   ====================== */
:root {
    --primary: #b8693f !important;
    --primary-lifted: #bf7852 !important;
    --primary-accented: #9c5935 !important;
    --primary-50: #f9f3ef !important;
    --primary-100: #f2e4dc !important;
    --primary-200: #e6cabb !important;
    --primary-300: #dab19b !important;
    --primary-400: #ce997c !important;
    --primary-500: #c48461 !important;
    --primary-600: #bd754e !important;
    --primary-700: #a55e38 !important;
    --primary-800: #8a4e2f !important;
    --primary-900: #6e3f25 !important;
    --primary-950: #b8693f !important;
    --neutral-950: #b8693f !important;
    --grayscale: #b8693f !important;
    --grayscale-lifted: #bf7852 !important;
    --grayscale-accented: #9c5935 !important;
    --bg-inverted: #b8693f !important;
}

/* ======================
   2. ORDER FORM VARS
   ====================== */
#order-starter_cart {
    --sc-primary: #b8693f !important;
    --sc-primary-light: #bf7852 !important;
    --sc-primary-hover: #c68765 !important;
    --sc-primary-darker: #9c5935 !important;
    --sc-primary-rgb: 184, 105, 63 !important;
    --sc-accent: #d4956a !important;
    --sc-accent-rgb: 212, 149, 106 !important;
    --sc-text: #3a1c0e !important;
    --sc-text-light: #8a6548 !important;
    --sc-text-muted: #a1836c !important;
    --sc-border: #e8d0bb !important;
    --sc-border-light: #eedecf !important;
    --sc-bg: #fdf6f0 !important;
    --sc-white: #ffffff !important;
    --sc-card: #ffffff !important;
    --sc-radius: 14px !important;
    --sc-radius-sm: calc(14px - 4px) !important;
    --sc-radius-xs: calc(14px - 6px) !important;
    --sc-radius-lg: calc(14px + 4px) !important;
}

/* ======================
   3. GLOBAL FONT
   ====================== */
*:not(i):not(.fas):not(.far):not(.fal):not(.fab):not(.fa) {
    font-family: 'Poppins', sans-serif !important;
}

/* ======================
   4. HEADER & NAV
   ====================== */
section#header {
    background: #4a2818 !important;
}
.header-action {
    color: rgba(222, 190, 160, 0.7) !important;
}
.header-action:hover,
.header-action:focus {
    color: #F5DCC3 !important;
    background: rgba(222, 190, 160, 0.1) !important;
}
section#main-menu {
    background: #FDF6F0 !important;
    border-bottom-color: #E8D0BB !important;
}
section#navigation,
section#navigation .navbar,
section#navigation .navbar-default {
    background: #FDF6F0 !important;
}
.navbar-default .navbar-nav > li > a,
.navbar-main .navbar-nav > li > a {
    color: #6B4D38 !important;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-main .navbar-nav > li > a:hover,
.navbar-main .navbar-nav > li > a:focus {
    color: #b8693f !important;
}
.navbar-default .navbar-nav > .active > a,
.navbar-main .navbar-nav > .active > a {
    color: #b8693f !important;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-main .navbar-nav > .open > a,
.navbar-main .navbar-nav > .open > a:hover,
.navbar-main .navbar-nav > .open > a:focus {
    color: #b8693f !important;
    border-bottom-color: #b8693f !important;
}
.navbar-main li.account > a {
    color: #4a2818 !important;
    background: rgba(184, 105, 63, 0.1) !important;
}
.navbar-main .dropdown-menu > .active > a,
.navbar-main .dropdown-menu > .active > a:hover,
.navbar-main .dropdown-menu > .active > a:focus {
    background-color: #b8693f !important;
    color: #fff !important;
}
.navbar-main .navbar-toggle .icon-bar,
.navbar-main .navbar-toggle:hover .icon-bar,
.navbar-main .navbar-toggle:focus .icon-bar {
    background-color: #b8693f !important;
}
section#header .logo img {
    filter: none !important;
}

/* ======================
   5. HERO SECTION
   ====================== */
section#home-banner.hero-info,
.hero-info {
    background: #4a2818 !important;
}
section#home-banner.hero-info::before,
.hero-info::before {
    background: #4a2818 !important;
}
.hero-info h1, .hero-info .hero-title {
    color: #fde8d4 !important;
}
.hero-info p, .hero-info .hero-subtitle {
    color: rgba(255,255,255,0.75) !important;
}
.hero-info .btn-hero-primary,
.hero-info .btn-custom,
.hero-info .btn-primary {
    background: #d4956a !important;
    color: #ffffff !important;
    border-color: #d4956a !important;
}
.hero-info .btn-hero-primary:hover,
.hero-info .btn-custom:hover {
    background: #d89f78 !important;
}
.hero-info .btn-hero-secondary {
    border-color: rgba(255,255,255,0.3) !important;
    color: #fde8d4 !important;
    background: transparent !important;
}
.hero-info .btn-hero-secondary:hover {
    background: rgba(255,255,255,0.1) !important;
}

/* ======================
   6. GAME CARDS
   ====================== */
.gc-icon {
    background: #b8693f !important;
}
.gc-card:hover .gc-icon {
    background: #b8693f !important;
    box-shadow: 0 4px 20px rgba(184, 105, 63, 0.3) !important;
}
.gc-card:hover {
    border-color: rgba(184, 105, 63, 0.15) !important;
}
.gc-card:hover .gc-arrow {
    color: #b8693f !important;
}
.gc-view-all {
    color: #b8693f !important;
    border-color: #b8693f !important;
}
.gc-view-all:hover,
.gc-view-all:focus {
    background: #b8693f !important;
    color: #fff !important;
}
section#game-cards .section-title {
    color: #b8693f !important;
}

/* ======================
   7. FEATURES (Why Choose Us)
   ====================== */
.feat-icon {
    background: #b8693f !important;
    color: #fff !important;
}
.feat-card:hover {
    border-color: rgba(184, 105, 63, 0.15) !important;
    box-shadow: 0 8px 30px rgba(184, 105, 63, 0.08) !important;
}

/* ======================
   8. STATS BAND
   ====================== */
section#hp-stats {
    background: #b8693f !important;
}

/* ======================
   9. STEPS (How It Works)
   ====================== */
.step-num {
    background: #b8693f !important;
    color: #fff !important;
}

/* ======================
   10. TESTIMONIALS
   ====================== */
.testimonial-stars i,
.stars i,
.stars {
    color: #d4956a !important;
}

/* ======================
   11. FAQ
   ====================== */
.faq-item[open] {
    border-color: #b8693f !important;
}
.faq-item[open] summary {
    color: #b8693f !important;
}
.faq-item summary::after {
    color: #b8693f !important;
}

/* ======================
   12. CTA
   ====================== */
.cta-card {
    background: #b8693f !important;
}
.cta-card h2, .cta-card p {
    color: #ffffff !important;
}
.cta-card p { opacity: 0.85; }
.cta-card .btn-cta,
.cta-card .btn {
    background: #d4956a !important;
    color: #ffffff !important;
    border-color: #d4956a !important;
}
.cta-card .btn-cta:hover,
.cta-card .btn:hover {
    background: #d89f78 !important;
}

/* ======================
   13. FOOTER
   ====================== */
section#footer {
    background: #3E2316 !important;
    color: rgba(210, 180, 150, 0.7) !important;
}
.footer-main {
    color: rgba(210, 180, 150, 0.7) !important;
}
.footer-heading {
    color: #D4893E !important;
}
.footer-tagline {
    color: rgba(210, 180, 150, 0.6) !important;
}
.footer-link-col ul li a {
    color: rgba(210, 180, 150, 0.6) !important;
}
.footer-link-col ul li a:hover {
    color: #E8C496 !important;
}
.footer-bottom-bar {
    border-top-color: rgba(210, 180, 150, 0.1) !important;
}
.footer-bottom-bar p {
    color: rgba(210, 180, 150, 0.4) !important;
}
.footer-bottom-links a {
    color: rgba(210, 180, 150, 0.4) !important;
}
.footer-bottom-links a:hover {
    color: #D4893E !important;
}
.social-link {
    color: rgba(210, 180, 150, 0.55) !important;
    background: rgba(210, 180, 150, 0.08) !important;
}
.social-link:hover {
    color: #D4893E !important;
    background: rgba(212, 137, 62, 0.2) !important;
}
.footer-divider svg path,
.footer-divider svg polygon,
.footer-divider svg {
    fill: #3E2316 !important;
}
.footer-logo img {
    filter: none !important;
}

/* ======================
   14. PAGE BACKGROUND
   ====================== */
section#main-body {
    background: #fdf6f0 !important;
}

/* ======================
   15. BUTTONS
   ====================== */
.btn-primary,
.btn-custom,
.btn-custom-primary {
    background: #ca7f4f !important;
    border-color: #ca7f4f !important;
    color: #ffffff !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-primary.active, .open > .dropdown-toggle.btn-primary,
.btn-custom:hover, .btn-custom:focus,
.btn-custom-primary:hover {
    background: #d19269 !important;
    border-color: #d19269 !important;
    color: #ffffff !important;
}
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus {
    background: #ca7f4f !important;
    border-color: #ca7f4f !important;
}
.btn-default:hover,
.btn-default:focus {
    border-color: #b8693f !important;
    color: #b8693f !important;
}
.btn-outline-primary {
    color: #b8693f !important;
    border-color: #b8693f !important;
    background: transparent !important;
}
.btn-outline-primary:hover {
    background: #b8693f !important;
    color: #ffffff !important;
}
.btn-success {
    background: #d4956a !important;
    border-color: #d4956a !important;
}
.btn-success:hover {
    background: #be865f !important;
}
.btn-primary {
    box-shadow: 0 1px 3px rgba(184, 105, 63, 0.15) !important;
}
.btn-primary:hover {
    box-shadow: 0 4px 12px rgba(184, 105, 63, 0.2) !important;
}

/* ======================
   16. PANELS & CARDS
   ====================== */
.panel, .card, .well {
    background: #ffffff !important;
    border-color: #e8d0bb !important;
    border-radius: 14px !important;
}
.panel-heading, .panel-default > .panel-heading {
    background: #ffffff !important;
    border-color: #e8d0bb !important;
    color: #3a1c0e !important;
}
.panel-title, .panel-heading .panel-title {
    color: #3a1c0e !important;
}
.panel-body {
    color: #8a6548 !important;
}

/* ======================
   17. CLIENT AREA TILES
   ====================== */
.tile .icon {
    color: #b8693f !important;
}
.tile .stat {
    color: #b8693f !important;
}
.tiles .tile a:hover {
    box-shadow: 0 6px 20px rgba(184, 105, 63, 0.08) !important;
}
.tiles .tile-title {
    color: #3a1c0e !important;
}
.tiles .tile-value,
.tiles .tile .stat {
    color: #b8693f !important;
}

/* ======================
   18. CLIENT HOME PANELS
   ====================== */
.client-home-panels .panel > .panel-heading .panel-title i {
    color: #b8693f !important;
}
.client-home-panels .panel > .panel-heading .panel-title > .badge {
    background: #b8693f !important;
}
.client-home-panels .panel > .panel-heading .panel-title .btn:hover {
    background: #b8693f !important;
    border-color: #b8693f !important;
    color: #fff !important;
}
.client-home-panels .panel > .panel-footer a:hover {
    color: #b8693f !important;
}
.client-home-panels .panel > .list-group .list-group-item:hover {
    color: #b8693f !important;
}
.client-home-panels .panel > .list-group .list-group-item:hover i {
    color: #b8693f !important;
}
.client-home-panels .panel[class*='panel-accent-'] {
    border-left-color: #b8693f !important;
}
.client-home-panels .panel-heading .btn.bg-color-blue:hover,
.client-home-panels .panel-heading .btn.bg-color-green:hover,
.client-home-panels .panel-heading .btn.bg-color-red:hover,
.client-home-panels .panel-heading .btn.bg-color-gold:hover,
.client-home-panels .panel-heading .btn.bg-color-orange:hover,
.client-home-panels .panel-heading .btn.bg-color-purple:hover,
.client-home-panels .panel-heading .btn.bg-color-teal:hover,
.client-home-panels .panel-heading .btn.bg-color-lime:hover {
    background: #b8693f !important;
    color: #fff !important;
    border-color: #b8693f !important;
}
.panel:hover,
.client-home-panels .panel:hover {
    box-shadow: 0 4px 14px rgba(184, 105, 63, 0.06) !important;
}

/* ======================
   19. SIDEBAR
   ====================== */
.panel-sidebar {
    border-color: #e8d0bb !important;
    border-radius: 14px !important;
}
.panel-sidebar:hover {
    box-shadow: 0 4px 14px rgba(184, 105, 63, 0.06) !important;
}
.panel-sidebar .panel-title .badge {
    background: #b8693f !important;
}
.panel-sidebar > .panel-body .btn-success {
    background: #b8693f !important;
    border-color: #b8693f !important;
    color: #fff !important;
}
.panel-sidebar > .panel-body .btn-success:hover {
    background: #bf7852 !important;
    border-color: #bf7852 !important;
}
.panel-sidebar > .panel-body .btn-default:hover {
    background: #b8693f !important;
    border-color: #b8693f !important;
    color: #fff !important;
}
.panel-sidebar a.list-group-item:hover {
    color: #b8693f !important;
}
.panel-sidebar a.list-group-item:hover i.fas,
.panel-sidebar a.list-group-item:hover i.far,
.panel-sidebar a.list-group-item:hover i.fa {
    color: #b8693f !important;
}
.panel-sidebar a.list-group-item.active,
.panel-sidebar a.list-group-item.active:focus,
.panel-sidebar a.list-group-item.active:hover {
    background: #b8693f !important;
    border-color: #b8693f !important;
    color: #fff !important;
}
.panel-sidebar.view-filter-btns .list-group-item.active,
.panel-sidebar.view-filter-btns .list-group-item.active:focus,
.panel-sidebar.view-filter-btns .list-group-item.active:hover {
    color: #b8693f !important;
}
.panel-sidebar > .panel-body a:not(.btn) {
    color: #b8693f !important;
}
.panel-sidebar > .panel-footer a:hover {
    color: #b8693f !important;
}

/* ======================
   20. TABLES
   ====================== */
.table > thead > tr > th {
    border-bottom-color: #b8693f !important;
}
.table thead th {
    background: rgba(184, 105, 63, 0.04) !important;
    color: #3a1c0e !important;
    border-color: #e8d0bb !important;
}
.table td {
    border-color: #e8d0bb !important;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    background: rgba(184, 105, 63, 0.02) !important;
}

/* ======================
   21. FORMS
   ====================== */
.form-control:focus {
    border-color: #b8693f !important;
    box-shadow: 0 0 0 3px rgba(184, 105, 63, 0.1) !important;
}

/* ======================
   22. PAGINATION
   ====================== */
.pagination > .active > a,
.pagination > .active > span {
    background: #b8693f !important;
    border-color: #b8693f !important;
    color: #fff !important;
}
.pagination > li > a:hover {
    color: #b8693f !important;
}

/* ======================
   23. LABELS & LINKS
   ====================== */
.label-primary, .badge-primary {
    background: #b8693f !important;
}
.label-success, .badge-success {
    background: #d4956a !important;
}
a {
    color: #b8693f;
}
a:hover, a:focus {
    color: #c68765;
}

/* ======================
   24. ALERTS
   ====================== */
.alert-info {
    border-color: rgba(184, 105, 63, 0.15) !important;
    background: rgba(184, 105, 63, 0.04) !important;
    color: #b8693f !important;
}
.alert-info a {
    color: #b8693f !important;
}

/* ======================
   25. BOOTSTRAP OVERRIDES
   ====================== */
.progress-bar {
    background-color: #b8693f !important;
}
.panel-primary {
    border-color: #b8693f !important;
}
.panel-primary > .panel-heading {
    background-color: #b8693f !important;
    border-color: #b8693f !important;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    background-color: #b8693f !important;
    color: #fff !important;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #b8693f !important;
    border-bottom-color: #b8693f !important;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: #b8693f !important;
    color: #fff !important;
}

/* ======================
   26. BREADCRUMBS
   ====================== */
.breadcrumb > .active {
    color: #b8693f !important;
}

/* ======================
   27. ACTIVE BORDERS
   ====================== */
.list-group-item.active {
    border-left: 3px solid #b8693f !important;
}

/* ======================
   28. BORDER RADIUS
   ====================== */
.btn,
.form-control,
.input-group-addon,
.alert,
.label,
.badge,
.well,
.thumbnail,
.modal-content,
input[type='text'],
input[type='email'],
input[type='password'],
input[type='number'],
input[type='search'],
select,
textarea {
    border-radius: 14px !important;
}
.modal-content {
    border-radius: 14px !important;
}
.modal-header {
    border-color: #e8d0bb !important;
}
.modal-footer {
    border-color: #e8d0bb !important;
}

/* ======================
   29. ORDER FORM ELEMENTS
   ====================== */
#order-starter_cart .btn-primary,
#order-starter_cart .btn-custom,
#order-starter_cart input[type='submit'].btn-primary,
#order-starter_cart button.btn-primary {
    background: #ca7f4f !important;
    border-color: #ca7f4f !important;
    color: #ffffff !important;
}
#order-starter_cart .btn-primary:hover,
#order-starter_cart .btn-custom:hover,
#order-starter_cart input[type='submit'].btn-primary:hover,
#order-starter_cart button.btn-primary:hover {
    background: #d19269 !important;
    border-color: #d19269 !important;
}
#order-starter_cart .list-group-item.active,
#order-starter_cart .list-group a.active,
#order-starter_cart .cart-sidebar .list-group-item.active {
    background: #b8693f !important;
    border-color: #b8693f !important;
    color: #fff !important;
}
#order-starter_cart .cart-sidebar a,
#order-starter_cart .list-group-item a {
    color: #b8693f !important;
}
#order-starter_cart .btn-success {
    background: #d4956a !important;
    border-color: #d4956a !important;
}
#order-starter_cart a:not(.btn):not(.list-group-item) {
    color: #b8693f;
}
#order-starter_cart a:not(.btn):not(.list-group-item):hover {
    color: #c68765;
}
#order-starter_cart .form-control:focus {
    border-color: #b8693f !important;
    box-shadow: 0 0 0 3px rgba(184, 105, 63, 0.1) !important;
}
#order-starter_cart .featured,
#order-starter_cart .popular,
#order-starter_cart .recommended {
    border-color: #b8693f !important;
}
#order-starter_cart .featured .badge,
#order-starter_cart .popular .badge,
#order-starter_cart .recommended .badge {
    background: #b8693f !important;
}
#order-starter_cart .nav-tabs > li.active > a {
    color: #b8693f !important;
    border-bottom-color: #b8693f !important;
}