/* =========================================================
   CHIVAS - BROWN GOLD THEME
   Coklat dominan + emas, mengikuti warna logo
   ========================================================= */

:root{
  --chivas-dark: #1b0b03;
  --chivas-brown: #3b1c08;
  --chivas-brown2: #5a2d0c;
  --chivas-brown3: #7a4315;
  --chivas-gold-dark: #9b6815;
  --chivas-gold: #c9962e;
  --chivas-gold2: #d9ad45;
  --chivas-gold-light: #f3d47a;
  --chivas-cream: #fff0bd;
}

/* BODY */
body{
  background-color: var(--chivas-dark) !important;
  color:#fff !important;
}

/* PAGE */
.content-wrapper{
  background:
    linear-gradient(rgba(27,11,3,.88),rgba(27,11,3,.94)),
    url('https://cdn.robotaset.com/assets/tpl/8d88d9c7fe/images/middle.jpg')
    no-repeat fixed top center !important;
  background-size:cover !important;
}

/* SIDEBAR */
.sidebar-wrapper{
  background:linear-gradient(180deg,#4b2409 0%,#291003 48%,#160802 100%) !important;
  border-right:1px solid rgba(217,173,69,.45) !important;
}

.sidebar-header{
  background:linear-gradient(180deg,#5a2d0c,#251003) !important;
  border-bottom:2px solid #b98222 !important;
}

.sidebar-menu{
  background:transparent !important;
}

.sidebar-menu li a{
  color:#f0cf78 !important;
  border-bottom:1px solid rgba(255,255,255,.035);
}

.sidebar-menu li a i{
  color:#d5a63d !important;
}

.sidebar-menu li a:hover,
.sidebar-menu li.mm-active>a,
.sidebar-menu li.active>a{
  color:#fff4cf !important;
  background:linear-gradient(90deg,#6a350e 0%,#a76d18 50%,#5b2b09 100%) !important;
  box-shadow:inset 4px 0 0 #f1cf70;
}

.sidebar-menu li a:hover i,
.sidebar-menu li.mm-active>a i{
  color:#ffe9a3 !important;
}

/* TOPBAR / NAVBAR */
.topbar-nav .navbar{
  background:linear-gradient(180deg,#6a350e 0%,#3b1b07 50%,#210d03 100%) !important;
  border-bottom:2px solid #b98222 !important;
}

.topbar-nav .navbar .nav-link,
.right-nav-link a{
  color:#f1d27d !important;
}

.topbar-nav .navbar .nav-link:hover,
.right-nav-link a:hover{
  color:#fff4cf !important;
}

/* DROPDOWN */
.dropdown-menu{
  background:linear-gradient(180deg,#4a2208,#210d03) !important;
  border:1px solid #a87520 !important;
  box-shadow:0 10px 30px rgba(0,0,0,.7) !important;
}

.dropdown-item{
  color:#f0cf78 !important;
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item:active{
  color:#fff !important;
  background:linear-gradient(90deg,#71380e,#b17a20) !important;
}

/* CARDS */
.card{
  background:linear-gradient(145deg,#4a2209 0%,#2a1004 55%,#1c0a02 100%) !important;
  border:1px solid rgba(201,150,46,.45) !important;
  box-shadow:
    0 8px 25px rgba(0,0,0,.45),
    inset 0 1px 0 rgba(255,226,139,.08) !important;
}

.card-header{
  color:#f3d47a !important;
  background:linear-gradient(180deg,rgba(122,67,21,.45),rgba(50,22,6,.25)) !important;
  border-bottom:1px solid rgba(217,173,69,.35) !important;
}

.card-title{
  color:#f3d47a !important;
}

/* BUTTONS - GOLD */
.btn-primary{
  color:#2b1203 !important;
  background:linear-gradient(
    180deg,
    #f5dc8b 0%,
    #d9ad45 35%,
    #b77b1d 70%,
    #87500e 100%
  ) !important;
  border-color:#d9ad45 !important;
  box-shadow:0 3px 12px rgba(201,150,46,.35) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active{
  color:#1c0902 !important;
  background:linear-gradient(180deg,#fff0b8,#d9ad45,#9b6815) !important;
  border-color:#f3d47a !important;
}

/* SECONDARY - BROWN */
.btn-secondary{
  color:#fff0bd !important;
  background:linear-gradient(180deg,#8a4b17,#5a2d0c,#351504) !important;
  border-color:#a87520 !important;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active{
  color:#fff !important;
  background:linear-gradient(180deg,#a86520,#71380e) !important;
  border-color:#d9ad45 !important;
}

/* WARNING */
.btn-warning{
  color:#2b1203 !important;
  background:linear-gradient(180deg,#fff0b8,#e0b84f,#a96f15) !important;
  border-color:#d9ad45 !important;
}

/* OUTLINE */
.btn-outline-primary{
  color:#e4bd5b !important;
  border-color:#c9962e !important;
  background:transparent !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active{
  color:#261003 !important;
  background:#d9ad45 !important;
  border-color:#f3d47a !important;
}

/* INPUT */
.form-control,
.custom-select{
  color:#fff !important;
  background:#2a1004 !important;
  border:1px solid #75400f !important;
}

.form-control:focus,
.custom-select:focus{
  color:#fff !important;
  background:#351505 !important;
  border-color:#d9ad45 !important;
  box-shadow:0 0 0 .15rem rgba(217,173,69,.20) !important;
}

.form-control::placeholder{
  color:#d8bd82 !important;
}

/* TABLE */
.table{
  color:#fff !important;
}

.table thead th{
  color:#ffe5a0 !important;
  background:linear-gradient(180deg,#71380e,#3d1b06) !important;
  border-color:#8f5b16 !important;
}

.table td,
.table th{
  border-color:rgba(201,150,46,.22) !important;
}

.table-hover tbody tr:hover{
  background:rgba(201,150,46,.10) !important;
}

/* TABLE HEADERS */
.table .thead-primary th,
.table .thead-warning th{
  color:#2a1004 !important;
  background:linear-gradient(180deg,#f0cf70,#b77b1d) !important;
  border-color:#d9ad45 !important;
}

.table .thead-secondary th{
  color:#fff !important;
  background:#6b3610 !important;
  border-color:#a87520 !important;
}

/* PAGINATION */
.page-link{
  color:#f1d27d !important;
  background:#351505 !important;
  border-color:#75400f !important;
}

.page-link:hover{
  color:#fff !important;
  background:#8a4b17 !important;
  border-color:#d9ad45 !important;
}

.page-item.active .page-link{
  color:#2a1004 !important;
  background:#d9ad45 !important;
  border-color:#d9ad45 !important;
}

/* BADGES */
.badge-primary{
  color:#2a1004 !important;
  background:#d9ad45 !important;
}

.badge-secondary{
  color:#fff !important;
  background:#71380e !important;
}

/* TEXT */
.text-primary{
  color:#d9ad45 !important;
}

.text-secondary{
  color:#c58d3c !important;
}

.text-warning{
  color:#f3d47a !important;
}

/* HEADINGS */
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6{
  color:#f3d47a !important;
}

/* GOLD GRADIENT TEXT */
.text-gradient-primary{
  background:linear-gradient(
    180deg,
    #fff1bd 0%,
    #e0b84f 42%,
    #a66c16 100%
  ) !important;
  -webkit-background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
}

/* MODAL */
.modal-content{
  background:linear-gradient(145deg,#542809,#241003) !important;
  border:1px solid #c9962e !important;
  box-shadow:0 15px 45px rgba(0,0,0,.75) !important;
}

.modal-header{
  border-bottom-color:rgba(217,173,69,.3) !important;
}

.modal-footer{
  border-top-color:rgba(217,173,69,.3) !important;
}

/* ALERTS */
.alert-primary{
  color:#fff0bd !important;
  background:#4d2509 !important;
  border-color:#9b6815 !important;
}

.alert-warning{
  color:#2b1203 !important;
  background:#d9ad45 !important;
  border-color:#f3d47a !important;
}

/* LINKS */
a{
  color:#d9ad45;
}

a:hover{
  color:#fff0bd;
}

/* BORDERS */
.border-primary{
  border-color:#c9962e !important;
}

.border-secondary{
  border-color:#71380e !important;
}

.border-warning{
  border-color:#d9ad45 !important;
}

/* BACK TO TOP */
.back-to-top{
  color:#2b1203 !important;
  background:linear-gradient(180deg,#f3d47a,#c9962e,#8a4b17) !important;
  box-shadow:0 4px 15px rgba(0,0,0,.45) !important;
}

.back-to-top:hover{
  color:#1c0902 !important;
  background:#f3d47a !important;
}

/* SWITCHER */
.switcher-icon{
  color:#2b1203 !important;
  background:linear-gradient(180deg,#f3d47a,#a66c16) !important;
}

/* THEME PREVIEW */
#header1,#header2,#header3,#header4,
#theme1,#theme2,#theme3,#theme4,
.bg-theme4,.bg-theme7{
  background:linear-gradient(135deg,#351505 0%,#7a4315 45%,#d9ad45 100%) !important;
}

/* COMMON PURPLE CLASSES -> BROWN GOLD */
.bg-purple,
.bg-theme-purple{
  background:linear-gradient(135deg,#3b1c08,#8a4b17,#d9ad45) !important;
}

.bg-primary{
  background:linear-gradient(135deg,#7a4315,#d9ad45) !important;
}

/* GLOW */
.gold-glow{
  box-shadow:
    0 0 8px rgba(217,173,69,.35),
    0 0 20px rgba(155,104,21,.18) !important;
}

/* GOLD LINE */
.gold-line{
  border-color:#d9ad45 !important;
  box-shadow:0 0 8px rgba(217,173,69,.25);
}