/*!
Theme Name: dynasty-reels
*/


/* -------------------------------------------------------
   Theme Base
------------------------------------------------------- */
:root{
	--btn-cta:#ECCC76;
	--footer:#8A0D1E;
	--gold:#ECCC76;
	--red1:#B60E1B;
	--red2:#D71920;
	--teal1:#0CB6A6;
	--teal2:#059CA7;
	--ink:#1B1B1B;
  }
  body{font-family:'Montserrat',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; color:var(--ink);}
  
  /* Buttons */
  .btn-cta{background:var(--btn-cta); color:#332400; font-weight:800; border-radius:999px; padding:.8rem 2.25rem; border:0; text-transform:uppercase; letter-spacing:.02em;}
  .btn-cta:hover{filter:brightness(.95); border: 1px solid #B60E1B;}
  .btn-ghost{background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.25); border-radius:999px;}
  .hero-link{color:#fff; text-decoration:none; font-weight:700; padding:.25rem .5rem; opacity:.95;}
  .hero-link:hover{opacity:1; text-decoration:underline;}
  .section-title{font-weight:800; font-size:48px;}
  .regular-content{padding: 50px 0px;}
  .h-btn{
	background: #eccc76;
	border-radius: 62px;
	display: flex;
	align-items: center;
	padding: 0px 20px;
	margin: 0px 10px;
}

.navbar-nav{
	display: flex;
    align-items: center;
}
  .h-btn a{
		color: #bf162a !important;
		font-weight: 700;
		font-size: 15px;
		text-transform: uppercase;
		text-align: center;
	}

  
  /* ===== HERO (start) ===== */
  .hero{position:relative; min-height:72svh; display:grid; place-items:center; overflow:hidden;     background-repeat: no-repeat;
    width: 100%;
    background-position: center;
    background-size: cover;}
  .hero .hero-bg{position:absolute; inset:0; background-size:cover; background-position:center; filter:saturate(1.02);}
  .hero .hero-center{position:relative; z-index:2; padding-block:0.5rem;}
  .hero .hero-title{width:min(680px,92vw); height:auto;}
  /* gold wave cap at bottom */
  .hero .hero-goldcap{
	position:absolute; left:0; right:0; bottom:-1px;
	height:110px; background-repeat:no-repeat; background-size:cover; background-position:bottom center;
	z-index:1;
  }
  
  
  /* ===== MISSING MINI-CTA (teal band) ===== */
  .intro-cta{
	background: linear-gradient(90deg, #00cbbf 0%, #008b82 100%);
	color: #fff;
  }
  .intro-cta_text h3{
	margin-bottom:20px; 
	font-weight:700; 
	font-size: 16px;
	line-height: 150%;
}
  .intro-cta_text p{
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;
	margin-bottom:20px; 

}
  .intro-cta__img{max-width:420px}

     @media (max-width:767px){
	 .intro-cta__img{max-width:300px}

  	}
  
  /* ===== CHOOSE GAME (unchanged structure) ===== */
  .game-card{position:relative;}
  .game-card .game-badge{position:absolute; left:12px; bottom:12px; background:#fff; border-radius:999px; padding:.25rem .6rem; font-size:.75rem; font-weight:800; color:#cf5e00; box-shadow:0 6px 20px rgba(0,0,0,.12);}
  
  /* ===== NO PURCHASE (big teal block later) ===== */
  .no-purchase{
	background: linear-gradient(90deg, #003a6f 0%, #006fd5 100%);
	 color:#fff;
	}
  .no-purchase .section-title{color:#fff;}
  
  /* ===== LEADERBOARD (pixel scoreboard) ===== */
 /* Leaderboard Section */
.leaderboard {
	background: linear-gradient(360deg, #c4162d 0%, #940d1c 100%);
	color: #fff;
  }

  
  /* Scoreboard */
  .scoreboard {
	color: #fff;
	border-radius: 16px;
	padding: 24px;
  }
  
  .sb-head img {
	height: auto;
	width: 100%;
	max-width: 400px;
  }
  
  .sb-list {
	list-style: none;
	margin: 0;
	padding: 0;
  }
  
  .sb-list li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 5px 16px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	font-size: 1rem;
	font-weight: 500;
  }
  
  .sb-list li:last-child {
	border-bottom: none;
  }
  
  .sb-rank {
	font-weight: 700;
	font-size: 1.1rem;
	width: 24px;
	text-align: center;
	margin-right: 12px;
	color: #FFF;
  }
  
  .sb-avatar {
	flex-shrink: 0;
	margin-right: 12px;
	  display:none;
  }
  .sb-avatar img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid #d72638;
  }
  
  .sb-name {
	flex-grow: 1;
	font-weight: 600;
	color: #fff;
  }
  
  .sb-score {
	font-weight: 700;
	color: #ffff;
  }

  .sb-list li:nth-child(1) { background: #850415; border-left: 5px solid #ffd200;}
.sb-list li:nth-child(2) { background: #850415; border-left: 5px solid #dcdddf;}
.sb-list li:nth-child(3)   { background: #850415; border-left: 5px solid #dc6e00;}
  
  /* ===== Footer (already correct color) ===== */
/* Basic Footer Styling */
.site-footer {
	background-color: #b32d00; /* Dark Red Background */
	padding: 40px 0;
	color: #fff;
	font-family: Arial, sans-serif;
	border-top: 3px solid #ffd700; /* Add a golden border at the top */
  }
  
  .site-footer .footer-link {
	color: #ffe9c4;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 10px;
	display: inline-block;
  }
  
  .site-footer .footer-link:hover {
	text-decoration: underline;
	color: #fff; /* Highlight on hover */
  }

  .site-footer .footer-itmes{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
    align-items: flex-start;
    margin-top: 1rem;
	}
	.site-footer .footer-itmes img {
    margin-left: 0;
}

	.site-footer .footer-menu{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	}
  
  .site-footer .footer-itmes img {
	width: 200px;
	margin: 10px;
	opacity: 0.7;
	transition: opacity 0.3s;
  }
  
  .site-footer .footer-itmes img:hover {
	opacity: 1;
  }
  
  /* Footer Layout */
  .site-footer .container {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
  }
  
  .site-footer .col-lg-4 {
	flex: 1 1 30%;
	text-align: center;
	margin-bottom: 20px;
  }
  
  .site-footer .col-lg-4.text-lg-start {
	text-align: left;
  }
  
  .site-footer .col-lg-4.text-lg-end {
	text-align: right;
  }
  
  /* Footer Text */
  .site-footer p {
	font-size: 14px;
	margin-top: 10px;
	opacity: 0.7;
	text-align: start;
	width: 100%;
	margin-top: 20px;
  }

  .copy_text{text-align: center !important;}

     @media (max-width:1200px){
	 .site-footer .container{flex-direction: column;}
  }


  /* ===== FEATURE STRIP — pixel match to Figma ===== */
.feature-strip--exact{
	position:relative;
	background: linear-gradient(90deg, #cc1730 0%, #930d1b 100%);
	padding-block:40px; 
	color:#fff;

  }
  
  /* row that holds items */
  .fi-row{
	display:flex; align-items:center; justify-content:space-between;
	gap:60px;  
  }
  
  .fi-item{
	display:flex; align-items:center; gap:18px;
  }
  
  
  .fi-copy{line-height:1.15;}
  .fi-title{
	margin:0; 
	font-weight:700;
	font-size:24px; 
	color: #eccc76;
  }
  
  .fi-sub{
	margin:10px 0 0; font-size:16px;  font-weight:400;
  }
  
  /* RESPONSIVE RULES */
   @media (max-width:1200px){
	.fi-row{gap:20px}
	.fi-ico{width:76px; height:80px;}
  }
  @media (max-width:991.98px){
	.fi-row{justify-content:space-around;     flex-direction: column;}
  }
  @media (max-width:575.98px){
	.feature-strip--exact{padding-block:16px;}
	.fi-item{width:100%; justify-content:flex-start;}
	.fi-ico{width:56px; height:56px;}
	.fi-title{font-size:15px;}
	.fi-sub{font-size:12px;}
  }
  

/* Contact section styling */
.contact-section .form-label{font-weight:600;margin-bottom:4px;font-size:.95rem}
.contact-section .form-control,
.contact-section .form-select{
  border:1px solid #ddd;border-radius:8px;padding:.55rem .75rem;font-size:.95rem
}
.contact-section textarea.form-control{resize:none}
.contact-section .form-check-label a{color:#B60E1B;text-decoration:underline}
.contact-section .contact-form{max-width: 650px;    margin: 0 auto;}
.page_section_title{
	font-size: 40px;
	font-weight: 600;
}

.site_header_logo{max-width: 150px; width: 100%; height: 100px;}


/* Age Modal Styles */
.modal {
	background: #000000b8;
}
.age-modal-content {
	border-radius: 1rem;
	background: linear-gradient(135deg, #ECCC76, #ECCC76);
	color: #000;
	box-shadow: 0 8px 24px rgba(0,0,0,0.3);
  }
  
  .age-modal-content .modal-logo {
	max-height: 120px;
	max-width: 120px;
	margin: 0 auto;
  }
  
  .age-modal-content .modal-text {
	font-weight: 500;
	font-size: 1.1rem;
  }
  
  .age-modal-content .btn-primary {
	background-color: #ff4b2b;
	border: none;
	font-weight: 600;
	transition: all 0.3s ease;
  }
  
  .age-modal-content .btn-primary:hover {
	background-color: #ff6b4b;
  }

  /* Cookie Bar Styles */
  .cookie-bar {
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	left: 1rem;
	max-width: 100%;
	background: linear-gradient(135deg, #D71920, #ECCC76);
	color: #fff;
	border-radius: 0.75rem;
	z-index: 1055;
	box-shadow: 0 8px 24px rgba(0,0,0,0.3);
	display: none !important; /* hidden by default */
	padding: 0.6rem;
	flex-wrap: wrap;
	align-items: center;
  }
  .cookie-text {
    font-size: 0.8rem;
}
  .cookie-bar .btn-primary {
	background-color: #ff4b2b;
	border: none;
  }
  
  .cookie-bar .btn-outline-light {
	border-color: #fff;
	color: #fff;
  }
  
  .cookie-bar .btn-outline-light:hover {
	background-color: #fff;
	color: #1e1e2f;
  }

.current-menu-item a{ color: #059CA7 !important;}

body:not(.user-can-play) {
	.button-logout {
	  display: none;
	}
  }
  
  body.user-can-play {
  
	.button-login,
	.button-register {
	  display: none;
	}
  }

#navMain .menu-mobile{
	    background: #ECCC76;
    margin-top: -20px;
}

.page-template-page-game .hero .hero-center {
    position: relative;
    z-index: 2;
    padding-block: 1.5rem;
}

.page-template-page-game  .hero .hero-title {
    width: min(750px, 92vw);
    height: auto;
}

.page-template-default  .hero .hero-center {
    position: relative;
    z-index: 2;
    padding-block: 1.5rem;
}

.page-template-default .hero .hero-title {
    width: min(750px, 92vw);
    height: auto;
}

 @media (max-width:900px){
	.section-title{font-size: 38px;}
	.into_cta, .leaderboard_cta{text-align: center;}
	
  }
.contact_success {
    text-align: center;
    color: green;
    font-weight: bold;
}
.age-modal-content  a {
    color: black;
    text-decoration: none;
}