/* CARD HOUSE GREEN PROFILE */

/* Global Header Dark Emerald:
   top    #087443
   middle #05663a
   bottom #034b2c
*/

/* Primary Action Green: #28ab69 */
/* Secondary Action Green: #44c686 */
/* Light Mint: #bdffde */

/* ANTIQUATED?  ALT Dark Green Header- #00d067  */



/* ==========================================================
   CARD HOUSE GLOBAL HEADER / STATUS BAR
   Modernized August 2026
   ========================================================== */


/* ----------------------------------------------------------
   TOP HEADER
   Logo + User/Login/Logout
   ---------------------------------------------------------- */

.navbar-custom {
    background:
        linear-gradient(
            180deg,
            #087443 0%,
            #05663a 42%,
            #034b2c 100%
        );

    border-top: 1px solid rgba(255,255,255,0.16);
    border-bottom: 1px solid rgba(0,0,0,0.42);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.06),
        0 2px 5px rgba(0,0,0,0.24);
}


/* Logo / user text */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: #ffffff;
}


/*
   Give the logo a tiny amount of depth without altering
   its dimensions or position.
*/
.navbar-custom .navbar-brand img {
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.28));
}


/* Header links */
.navbar-custom .navbar-nav .nav-link {
    color: rgba(255,255,255,0.94) !important;

    transition:
        color 0.18s ease-in-out,
        text-shadow 0.18s ease-in-out;
}


/*
   Replace the old bright-red hover.
   Warm mint/white works much better with this shell.
*/
.navbar-custom .navbar-nav .nav-link:hover,
.navbar-custom .navbar-nav .nav-item.active .nav-link {
    color: #d7ffea !important;
    text-decoration: none;

    text-shadow:
        0 0 8px rgba(189,255,222,0.35);
}


/*
   Keep generic .nav-item rules from interfering with
   the global header.
*/
.navbar-custom .nav-item:hover {
    color: inherit;
}


/* ----------------------------------------------------------
   SECONDARY / STATUS NAVBAR
   LIVE + Current Promotion + Bad Beat + Display etc.
   ---------------------------------------------------------- */

.navbar-secondary {
    background:
        linear-gradient(
            180deg,
            #dfffee 0%,
            #c9fbe0 45%,
            #b5efcf 100%
        );

    color: #103d2a;

    border-top: 1px solid rgba(4,79,47,0.18);
    border-bottom: 1px solid rgba(34,128,82,0.32);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.85),
        inset 0 -1px 0 rgba(34,128,82,0.08),
        0 5px 12px rgba(12,74,43,0.18);

    margin-bottom: 12px;
}


/* ==========================================================
   TITLE / LIVE STATUS BAR CONTROLS
   ========================================================== */

#titlebar {
    /*
       Keep existing 65px dimensions.
       This only affects appearance.
    */
    position: relative;

    /*
       Stronger lower separation from page content.
    */
    border-bottom: 1px solid rgba(23, 112, 68, 0.35) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.80),
        0 5px 12px rgba(8,72,40,0.17);

    overflow: hidden;
}


/* ----------------------------------------------------------
   HOME BUTTON
   ---------------------------------------------------------- */

#titlebar .btn-poker {
    background:
        linear-gradient(
            180deg,
            #35bd7b 0%,
            #28a969 55%,
            #208c57 100%
        ) !important;

    border: 1px solid rgba(19,123,72,0.90) !important;

    color: #ffffff !important;

    border-radius: 6px;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.30),
        0 2px 5px rgba(0,0,0,0.17);

    transition:
        transform 0.15s ease,
        box-shadow 0.15s ease,
        background 0.15s ease;
}


#titlebar .btn-poker:hover,
#titlebar .btn-poker:focus {
    background:
        linear-gradient(
            180deg,
            #43cd8b 0%,
            #30b675 55%,
            #269963 100%
        ) !important;

    color: #ffffff !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.38),
        0 3px 7px rgba(0,0,0,0.20),
        0 0 8px rgba(72,211,143,0.28);

    transform: translateY(-1px);
}


#titlebar .btn-poker:active {
    transform: translateY(1px);

    box-shadow:
        inset 0 1px 3px rgba(0,0,0,0.18);
}


/* ----------------------------------------------------------
   GAME TITLE AREA
   ---------------------------------------------------------- */

#titlebar .gamemgr {
    min-width: 0;
}


/*
   Preserve whatever dynamic font/color/glow your
   theme engine applies to the actual game title.
*/
#titlebar #gameTitleText {
    display: inline-block;
}


/*
   Keep title links from inheriting generic site link colors.
*/
#titlebar .gamemgr > a,
#titlebar .gamemgr > a:link,
#titlebar .gamemgr > a:visited,
#titlebar .gamemgr > a:hover,
#titlebar .gamemgr > a:active {
    color: inherit;
    text-decoration: none;
}


/* ----------------------------------------------------------
   STATUS / JACKPOT BUTTONS
   ---------------------------------------------------------- */

#titlebar .btn-outline-poker {
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.96) 0%,
            rgba(248,255,251,0.94) 100%
        ) !important;

    border: 1px solid rgba(37,166,101,0.72) !important;

    /*
       Do NOT force text color here.
       Some game buttons deliberately supply their own
       inline TitleColor.
    */

    border-radius: 6px;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.95),
        0 2px 4px rgba(0,0,0,0.10);

    transition:
        transform 0.15s ease,
        border-color 0.15s ease,
        box-shadow 0.15s ease,
        background 0.15s ease;
}


#titlebar .btn-outline-poker:hover,
#titlebar .btn-outline-poker:focus {
    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #ebfff5 100%
        ) !important;

    color: #103d2a !important;

    border-color: #23995f !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,1),
        0 3px 7px rgba(0,0,0,0.13),
        0 0 7px rgba(40,171,105,0.20);

    transform: translateY(-1px);

    text-decoration: none !important;
}


#titlebar .btn-outline-poker:active {
    transform: translateY(1px);

    box-shadow:
        inset 0 1px 3px rgba(0,0,0,0.14);
}


/* ----------------------------------------------------------
   TV PREVIEW BUTTON
   ---------------------------------------------------------- */

#titlebar #previewBtn {
    min-width: 38px;

    /*
       Slightly stronger treatment because it is a
       standalone utility button.
    */
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.30),
        0 2px 5px rgba(0,0,0,0.18);
}


#titlebar #previewBtn i {
    filter: drop-shadow(0 1px 1px rgba(0,0,0,0.18));
}


/* ----------------------------------------------------------
   LIVE IMAGE
   ---------------------------------------------------------- */

#titlebar .gamemgr img[alt="Live Game"] {
    filter:
        drop-shadow(0 1px 1px rgba(0,0,0,0.18));

    flex-shrink: 0;
}


/* ----------------------------------------------------------
   RESPONSIVE SAFETY
   ---------------------------------------------------------- */

@media (max-width: 768px) {

    #titlebar .gamemgr {
        padding-left: 0.5rem !important;
    }

    #titlebar .btn-sm {
        padding-left: 0.45rem;
        padding-right: 0.45rem;
    }

}




/* ==========================================================
   PAGE SURFACES
   ========================================================== */

/* Default application/work pages */
body {
    background: #ffffff;
}



/* Used in various .css files manually loaded across many directories for our tables */ 
#myTable thead tr th{
        background-color: #28ab69;
        color: #fff;
}


/* Links & Hover Colors */
a {     
        color: #0c3666;
	color: #000000;
        text-decoration: none;
}
        
a:hover {
        text-decoration: none;
        color: #ff0000;
}
        
/* unvisited link */
a:link {
        color: #000000;
}
        
/* visited link */
a:visited {     
        color: #000000;
        text-decoration: none;
}  
        
/* selected link */                                                          
a:active {
        color: #000000;
        text-decoration: none;
}       


/* Background for our main header bars on tables */

.table-header-bar {
  background-color: #28ab69;
  color: #ffffff;
}

/* This one's for poker monte's secondary hands */
.table-header-bar.secondary {
  background-color: #44c686;  /* lighter green */
  color: #fff;
}

.table-header-bar-alt {
  background-color: #44c686;  /* lighter green */
  color: #ffffff;
}

.table-header-bar-alt2 {
  background-color: #bdffde;  /* even lighter green */
  color: #ffffff;
}

th.table-header-bar { 
  background-color: #28ab69 !important; 
  color: #ffffff !important; 
}
th.table-header-bar.secondary { 
  background-color: #44c686 !important; 
  color: #ffffff !important; 
}

th.settings-header-bar {
  background-color: #28ab69 !important;
  color: #b5b5b5 !important;
}


/* Custom Button (regular & outline) */

.btn-outline-poker {
  color: #28ab69 !important; 
  border: 1px solid #28ab69 !important;
  background-color: #ffffff !important;
  transition: all 0.2s ease-in-out !important;
}

.btn-outline-poker:hover,
.btn-outline-poker:focus {
  color: #ffffff !important;
  background-color: #28ab69 !important;
  border-color: #28ab69 !important;
  text-decoration: none !important;
}
.btn-outline-poker:hover {
  box-shadow: 0 0 6px rgba(40, 171, 105, 0.5);
}

.btn-poker {
  color: #ffffff !important;
  background-color: #28ab69 !important;
  border: 1px solid #28ab69 !important;
  transition: all 0.2s ease-in-out !important;
}

.btn-poker:hover,
.btn-poker:focus {
  color: #ffffff !important;
  background-color: #85dcb3 !important; /* Slightly darker shade for hover */
  border-color: #23995f !important;
  text-decoration: none !important;
}

/* Custom Button (SUB/ALT - LIGHTER) */
 
.btn-outline-poker-sub {
  color: #2dbb79 !important;
  border: 1px solid #2dbb79 !important;
  background-color: #ffffff !important;
  transition: all 0.2s ease-in-out !important;
}

.btn-outline-poker-sub:hover,
.btn-outline-poker-sub:focus {
  color: #ffffff !important;
  background-color: #2dbb79 !important;
  border-color: #2dbb79 !important;
  text-decoration: none !important;
}
.btn-outline-poker-sub:hover {
  box-shadow: 0 0 6px rgba(40, 171, 105, 0.5);
}

.btn-poker-sub {
  color: #ffffff !important;
  background-color: #2dbb79 !important;
  border: 1px solid #2dbb79 !important;
  transition: all 0.2s ease-in-out !important;
}

.btn-poker-sub:hover,
.btn-poker-sub:focus {
  color: #ffffff !important;
  background-color: #85dcb3 !important; /* Slightly darker shade for hover */
  border-color: #2ddb79 !important;
  text-decoration: none !important;
}

.btn-poker-light { 
  color: #ffffff !important;
  background-color: #bdffde !important;
  border: 1px solid #bdffde !important;
  transition: all 0.2s ease-in-out !important;
}
  
.btn-poker-light:hover,
.btn-poker-light:focus {
  color: #ffffff !important;
  background-color: #85dcb3 !important; /* Slightly darker shade for hover */
  border-color: #bdffde !important;
  text-decoration: none !important;
}

/* Togglebar Alert Button (regular & outline) */
        
.btn-outline-titlebar {
  color: #28ab69 !important;
  border: 1px solid #2dbb79 !important;
  background-color: #ffffff !important;
  transition: all 0.2s ease-in-out !important;
}
 
.btn-outline-titlebar:hover,
.btn-outline-titlebar:focus {
  color: #ffffff !important;
  background-color: #ffbfbf !important;
  border-color: #2dbb79 !important;
  text-decoration: none !important;
}
.btn-outline-titlebar:hover {
  box-shadow: 0 0 6px rgba(40, 171, 105, 0.5);
}
        
.btn-titlebar {
  color: #ffffff !important;
  background-color: #ffbfbf !important;
  border: 1px solid #ffbfbf !important;
  transition: all 0.2s ease-in-out !important;
}

.btn-titlebar:hover,
.btn-titlebar:focus {
  color: #ffffff !important;
  background-color: #85dcb3 !important; /* Slightly darker shade for hover */
  border-color: #23995f !important;
  text-decoration: none !important;
}



/* Toggle Switch */

.form-check-input:checked {
  background-color: #28ab69 !important;
  border-color: #28ab69 !important;
}

.form-check-input-alt:checked {
  background-color: #bdffde !important;
  border-color: #bbffde !important;
}


/* Background for our main header bars on tables */

/* - Strongly override Bootstrap’s default table cell coloring */
.table.table-bordered.table-sm th.table-header-bar {
  background-color: #28ab69 !important;
  color: #ffffff !important;
}

.table.table-bordered.table-sm th.table-header-bar.secondary {
  background-color: #44c686 !important;
  color: #ffffff !important;
}