/* Custom Buttons */

/* Millionaire theme button */
.btn-m {
  background-color: #6e6055;   /* logo color */
  color: #fff;
  font-weight: 600;
  border-radius: 50px;
  padding: 0.5rem 1.25rem;
  border: 2px solid #6e6055;
  transition: all 0.3s ease;
}

.btn-m:hover,
.btn-m:focus {
  background-color: #5a4f46;   /* darker hover */
  border-color: #5a4f46;
  color: #f9f9f9;
  text-decoration: none;
  box-shadow: 0 0 10px rgba(110, 96, 85, 0.5);
}

.btn-m:active {
  background-color: #4a3f37;   /* pressed state */
  border-color: #4a3f37;
  color: #fff;
}

/* Apply to any <button> without a Bootstrap class */
button:not([class]) {
  background-color: #6e6055;
  color: #fff;
  font-weight: 600;
  border-radius: 50px;
  padding: 0.5rem 1.25rem;
  border: 2px solid #6e6055;
  transition: all 0.3s ease;
}

button:not([class]):hover,
button:not([class]):focus {
  background-color: #5a4f46;
  border-color: #5a4f46;
  color: #f9f9f9;
  box-shadow: 0 0 10px rgba(110, 96, 85, 0.5);
}


.btn,
.btn-primary,
.btn-secondary,
.btn-success,
.btn-danger,
.btn-warning,
.btn-info,
.btn-light,
.btn-dark,
.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-success,
.btn-outline-danger,
.btn-outline-warning,
.btn-outline-info,
.btn-outline-light,
.btn-outline-dark {
  border-radius: 50px !important;   /* pill shape */
  font-weight: 600;                 /* consistent classy weight */
  transition: all 0.3s ease;        /* smooth hover */
}

/* Base Millionaire color palette */
:root {
  --millionaire-main: #6e6055;   /* logo color */
  --millionaire-dark: #5a4f46;   /* darker shade */
  --millionaire-light: #8a7d70;  /* lighter accent */
  --millionaire-text: #ffffff;   /* text color */
}

/* Primary */
.btn-primary {
  background-color: var(--millionaire-main);
  border-color: var(--millionaire-main);
  color: var(--millionaire-text);
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--millionaire-dark);
  border-color: var(--millionaire-dark);
  color: var(--millionaire-text);
  box-shadow: 0 0 10px rgba(110, 96, 85, 0.5);
}
.btn-primary:active {
  background-color: #4a3f37;
  border-color: #4a3f37;
}

/* Secondary */
.btn-secondary {
  background-color: var(--millionaire-light);
  border-color: var(--millionaire-light);
  color: var(--millionaire-text);
}
.btn-secondary:hover,
.btn-secondary:focus {
  background-color: var(--millionaire-main);
  border-color: var(--millionaire-main);
}

/* Success */
.btn-success {
  background-color: var(--millionaire-main);
  border-color: var(--millionaire-main);
  color: var(--millionaire-text);
}
.btn-success:hover,
.btn-success:focus {
  background-color: var(--millionaire-dark);
  border-color: var(--millionaire-dark);
}

/* Danger */
.btn-danger {
  background-color: #8a3f3f; /* classy deep red accent */
  border-color: #8a3f3f;
  color: var(--millionaire-text);
}
.btn-danger:hover,
.btn-danger:focus {
  background-color: #6e2f2f;
  border-color: #6e2f2f;
}

/* Warning */
.btn-warning {
  background-color: #bfa46e; /* gold‑like accent */
  border-color: #bfa46e;
  color: #212529;
}
.btn-warning:hover,
.btn-warning:focus {
  background-color: #a68f5a;
  border-color: #a68f5a;
}

/* Info */
.btn-info {
  background-color: #6e6055;
  border-color: #6e6055;
  color: var(--millionaire-text);
}
.btn-info:hover,
.btn-info:focus {
  background-color: var(--millionaire-dark);
  border-color: var(--millionaire-dark);
}

/* Light */
.btn-light {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  color: #6e6055;
}
.btn-light:hover,
.btn-light:focus {
  background-color: #e2e6ea;
  border-color: #e2e6ea;
  color: #5a4f46;
}

/* Dark */
.btn-dark {
  background-color: #212529;
  border-color: #212529;
  color: var(--millionaire-text);
}
.btn-dark:hover,
.btn-dark:focus {
  background-color: #000;
  border-color: #000;
}

/* Outline Variants */
.btn-outline-primary {
  color: var(--millionaire-main);
  border-color: var(--millionaire-main);
}
.btn-outline-primary:hover {
  background-color: var(--millionaire-main);
  color: var(--millionaire-text);
}

.btn-outline-secondary {
  color: var(--millionaire-light);
  border-color: var(--millionaire-light);
}
.btn-outline-secondary:hover {
  background-color: var(--millionaire-light);
  color: var(--millionaire-text);
}

.btn-outline-success {
  color: var(--millionaire-main);
  border-color: var(--millionaire-main);
}
.btn-outline-success:hover {
  background-color: var(--millionaire-main);
  color: var(--millionaire-text);
}

.btn-outline-danger {
  color: #8a3f3f;
  border-color: #8a3f3f;
}
.btn-outline-danger:hover {
  background-color: #8a3f3f;
  color: var(--millionaire-text);
}

.btn-outline-warning {
  color: #bfa46e;
  border-color: #bfa46e;
}
.btn-outline-warning:hover {
  background-color: #bfa46e;
  color: #212529;
}

.btn-outline-info {
  color: var(--millionaire-main);
  border-color: var(--millionaire-main);
}
.btn-outline-info:hover {
  background-color: var(--millionaire-main);
  color: var(--millionaire-text);
}

.btn-outline-light {
  color: #6e6055;
  border-color: #f8f9fa;
}
.btn-outline-light:hover {
  background-color: #f8f9fa;
  color: #5a4f46;
}

.btn-outline-dark {
  color: #212529;
  border-color: #212529;
}
.btn-outline-dark:hover {
  background-color: #212529;
  color: var(--millionaire-text);
}


/* Fonts */

/* Headings, brand, nav */
h1, h2, h3, h4, h5, h6,
.navbar-brand,
.nav-link {
  font-family: 'Cinzel', serif;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.h1, .h2, .h3, .h4, .h5, .h6
 {
  font-family: 'Cinzel', serif;
  font-weight: 600;
  letter-spacing: 0.5px;
}

/* Body text */
body, p, li, a, span {
  font-family: 'Lato', sans-serif;
}

/* Optional: emphasize buttons with Cinzel */
.btn, .btn-m {
  font-family: 'Cinzel', serif;
  font-weight: 600;
}


/* Menu Colors */

/* Millionaire Navbar Theme */
.navbar-millionaire {
  background-color: #ab7f00 !important;
}

.navbar-millionaire .navbar-brand,
.navbar-millionaire .nav-link {
  color: #ffffff !important;
  font-family: 'Cinzel', serif; /* luxury font */
  font-weight: 600;
}

.navbar-millionaire .nav-link:hover,
.navbar-millionaire .nav-link:focus {
  color: #bfa46e !important; /* gold accent hover */
}

.navbar-millionaire .dropdown-menu {
  background-color: #5a4f46;
  border: none;
}

.navbar-millionaire .dropdown-item {
  color: #ffffff;
}

.navbar-millionaire .dropdown-item:hover,
.navbar-millionaire .dropdown-item:focus {
  background-color: #6e6055;
  color: #bfa46e;
}

.navbar-logo {
  height: 40px;   /* adjust as needed */
  width: auto;    /* keeps aspect ratio */
}


/* Toggler icon color */
.navbar-millionaire .navbar-toggler {
  border-color: #ffffff;
}
.navbar-millionaire .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}


/* Footer Classes */
.lfm_footer {
  background-color:black;    
  background-image: url("/img/footerbg.jpg");
  background-position: center center;   
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  min-height: 200px;
}

.lfm_footer h1,
.lfm_footer h2,
.lfm_footer h3,
.lfm_footer h4,
.lfm_footer h5,
.lfm_footer h6 {
  color: gold;
}


.lfm_footer a {
    color:#ffd984;
}

.bg-mil {
  background-color: #ab7f00 !important;
}