/*
Theme Name: New Showcase
*/

/* CS2 Redesign Styles 2026 - new-vitrina */
:root{
  --cs2-bg:#0F1318;
  --cs2-bg-2:#181E25;
  --cs2-card:#202832;
  --cs2-border:#2B3642;
  --cs2-accent:#F28C18;
  --cs2-cta:#7ED321;
  --cs2-text:#FFFFFF;
  --cs2-text-2:#C7CED8;
  --cs2-muted:#8E98A5;
}
body.wp-theme-new-vitrina{
  background:var(--cs2-bg)!important;
  color:var(--cs2-text)!important;
}
.header,.mobile-menu,.footer,footer,.site-footer{
  background-color:var(--cs2-bg)!important;
  background-image:none!important;
}

a {
    color: #7ed321;
}

a:hover {
   text-decoration: none;
}

.header-menu__list li {
	padding-left: 0;
	display: block;
}

.header-menu__list li a {
	align-items: center;
	gap: 8px;
}

.header-menu__list li .sub-menu:before {
	height: 20px;
	width: 100%;
	top: -20px;
	left: 0;
	right: 0;
	display: block;
	position: absolute;
	content: '';
}

.header__button,.btn-play,.showcase-item__link a,
.wp-block-button__link[style*="background-color:#14b820"],
.wp-block-button__link[style*="background-color:#16ba23"],
a.header__button{
  background-color:var(--cs2-cta)!important;
  color:#0a1205!important;
  border-radius:8px!important;
}
.header-menu__list>li>a,.mobile-header-menu a,.menu a{color:var(--cs2-text);}
.header-menu__list>li.current-menu-item>a,
.header-menu__list>li.current-menu-ancestor>a,
.header-menu__list>li:hover>a{color:var(--cs2-accent)!important;}
.header-menu__list>li.current-menu-item>a::after,
.header-menu__list>li.current-menu-ancestor>a::after{
  content:"";display:block;height:2px;background:var(--cs2-accent);margin-top:4px;
}
.header-menu__list .sub-menu{
  background:var(--cs2-card)!important;
  border:1px solid var(--cs2-border);
  border-radius:10px;
  padding:8px 0;
  min-width:220px;
}
.header-menu__list .sub-menu a{color:var(--cs2-text)!important;padding:10px 16px;display:block;}
.header-menu__list .sub-menu a:hover{color:var(--cs2-accent)!important;background:var(--cs2-bg-2)!important;}
.header .header-menu__list .sub-menu{z-index:200!important;background:var(--cs2-card)!important;border-color:var(--cs2-border)!important;}
.header .header-menu__list .sub-menu a{color:var(--cs2-text)!important;}
.header .header-menu__list .sub-menu a:hover{background:var(--cs2-bg-2)!important;color:var(--cs2-accent)!important;}
/* Mobile menu + submenu */
.mobile-menu .menu>li{border-bottom:1px solid var(--cs2-border);}
.mobile-menu .menu>li>a{padding:16px 20px!important;display:block;}

.mobile-menu .menu > li.menu-item-has-children{
  display:grid!important;
  grid-template-columns:1fr auto;
  align-items:center;
}
.mobile-menu .menu > li.menu-item-has-children > a{
  grid-column:1;
  grid-row:1;
  display:flex!important;
  align-items:center;
  width:auto!important;
  max-width:100%;
  min-width:0;
  padding-right:8px!important;
}
.mobile-menu .menu > li.menu-item-has-children > .submenu-toggle,
.header .mobile-menu .submenu-toggle{
  grid-column:2;
  grid-row:1;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  align-self:stretch;
  margin:0!important;
  padding:0 16px!important;
  border:0!important;
  background:transparent!important;
  color:var(--cs2-text)!important;
  cursor:pointer;
  line-height:1!important;
  vertical-align:middle;
}
.mobile-menu .submenu-toggle svg{
  display:block;
  width:12px;
  height:12px;
}

.mobile-menu .sub-menu,
.header .mobile-menu .sub-menu,
.header .mobile-menu .menu > li > .sub-menu{
  grid-column:1 / -1;
  grid-row:2;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  right:auto!important;
  inset:auto!important;
  float:none!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0 0 8px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  z-index:1!important;
  opacity:1!important;
  pointer-events:auto!important;
}
.mobile-menu .sub-menu.is-open,
.header .mobile-menu .sub-menu.is-open,
.mobile-menu .sub-menu[style*="display: block"],
.header .mobile-menu .sub-menu[style*="display: block"]{
  display:block!important;
}
.mobile-menu .sub-menu li,
.header .mobile-menu .sub-menu li{
  margin:0!important;
  list-style:none!important;
  border:0!important;
}
.mobile-menu .sub-menu a,
.header .mobile-menu .sub-menu a{
  display:block!important;
  width:100%!important;
  padding:12px 20px 12px 32px!important;
  color:var(--cs2-text-2)!important;
  background:transparent!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.3!important;
  text-decoration:none!important;
  border:0!important;
  border-radius:0!important;
}
.mobile-menu .sub-menu a:hover,
.mobile-menu .sub-menu a:focus,
.header .mobile-menu .sub-menu a:hover{
  color:var(--cs2-accent)!important;
  background:transparent!important;
}
.mobile-menu .sub-menu .current-menu-item > a,
.mobile-menu .sub-menu .current_page_item > a,
.header .mobile-menu .sub-menu .current-menu-item > a{
  color:var(--cs2-accent)!important;
  background:transparent!important;
}
.content-wrap,.wrap{padding-left:20px!important;padding-right:20px!important;}
@media(max-width:768px){
  .content-wrap,.wrap{padding-left:16px!important;padding-right:16px!important;}
}
.casino-hero{
  background-color:var(--cs2-bg)!important;
  background-image:linear-gradient(180deg,rgba(15,19,24,.55),rgba(15,19,24,.82)),url('https://cs2-gambling-zone.com/wp-content/uploads/2026/08/cs2-casino-hero-from-ref.jpg')!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  width:100vw;margin-left:calc(50% - 50vw);
  padding:58px 20px 56px!important;
}
.casino-hero-bg{display:none!important;}
.casino-hero__badge{
  color:var(--cs2-accent)!important;
  background:rgba(242,140,24,.14)!important;
  border-color:rgba(242,140,24,.35)!important;
}
.casino-hero__badge span{background:var(--cs2-accent)!important;box-shadow:0 0 16px rgba(242,140,24,.7)!important;}
.casino-hero__title,.casino-hero__title h1{color:var(--cs2-text)!important;}
.casino-hero__title .accent,.casino-hero__title span{color:var(--cs2-accent)!important;}
.casino-hero__text,.casino-hero__text p{color:var(--cs2-text-2)!important;}
.casino-hero__author{
  background:rgba(32,40,50,.88)!important;
  border-color:var(--cs2-border)!important;
}
.casino-hero__avatar{background:var(--cs2-accent)!important;}
.casino-hero__author-text a{color:var(--cs2-accent)!important;}
.casino-hero__btn{background:var(--cs2-cta)!important;color:#0a1205!important;}
@media(max-width:768px){
  .casino-hero{background-image:none!important;background-color:var(--cs2-bg)!important;}
}
.cs2-inner-hero{
  width:100vw;margin-left:calc(50% - 50vw);
  background:var(--cs2-bg);
  text-align:center;
  padding:48px 20px 36px;
}
.cs2-inner-hero__badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 18px;border-radius:999px;margin-bottom:22px;
  color:var(--cs2-accent);background:rgba(242,140,24,.14);
  border:1px solid rgba(242,140,24,.35);
  font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;
}
.cs2-inner-hero h1{color:var(--cs2-text);margin:0 0 16px;font-size:42px;line-height:1.15;}
.cs2-inner-hero p{color:var(--cs2-text-2);max-width:760px;margin:0 auto 24px;font-size:18px;line-height:1.5;}
.cs2-inner-hero__cta{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:52px;min-width:220px;padding:14px 28px;border-radius:8px;
  background:var(--cs2-cta);color:#0a1205!important;font-weight:900;text-decoration:none;text-transform:uppercase;
}
@media(max-width:768px){
  .cs2-inner-hero{padding:36px 16px 28px;}
  .cs2-inner-hero h1{font-size:28px;}
  .cs2-inner-hero__cta{width:100%;}
}
.hero,.hero-bottom{display:none!important;}
.cs2-cards{
  background:var(--cs2-bg);
  padding: 24px 0;
}
.cs2-cards__grid{
  max-width:1280px;margin:0 auto;
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;
}
.cs2-card{
  background:var(--cs2-card);
  border:1px solid var(--cs2-border);
  border-radius:14px;
  padding:16px;
  display:flex;flex-direction:column;gap:12px;
  position:relative;min-height:100%;
}
.cs2-card__top{display:flex;justify-content:space-between;align-items:flex-start;}
.cs2-card__rank{
  width:34px;height:34px;border-radius:8px;
  display:flex;align-items:center;justify-content:center;
  background:#2B3642;color:#fff;font-weight:900;
}
.cs2-card__rank.is-top{background:var(--cs2-accent);color:#111;}
.cs2-card__badge{
  font-size:11px;font-weight:800;padding:6px 10px;border-radius:6px;
  border:1px solid var(--cs2-cta);color:var(--cs2-cta);text-transform:uppercase;
}
.cs2-card__badge.is-main{background:var(--cs2-cta);color:#0a1205;border-color:var(--cs2-cta);}
.cs2-card__logo{display:flex;justify-content:center;align-items:center;min-height:56px;}
.cs2-card__logo img{max-height:48px;max-width:150px;object-fit:contain;}
.cs2-card__rating{display:flex;align-items:center;justify-content:center;gap:8px;color:#FFD400;font-weight:800;}
.cs2-card__rating span{color:var(--cs2-text);font-size:14px;}
.cs2-card__desc{color:var(--cs2-text-2);font-size:14px;line-height:1.4;text-align:center;min-height:58px;}
.cs2-card__desc strong,.cs2-card__desc b{color:var(--cs2-cta);font-weight:800;}
.cs2-card__code-label{color:var(--cs2-muted);font-size:12px;text-align:center;}
.cs2-card__code{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  background:var(--cs2-bg);border:1px solid var(--cs2-border);border-radius:8px;padding:10px 12px;
}
.cs2-card__code code{color:#fff;font-weight:800;font-size:14px;letter-spacing:.4px;}
.cs2-card__copy{border:0;background:transparent;color:#fff;cursor:pointer;font-size:16px;padding:4px;}
.cs2-card__actions{display:grid;gap:8px;margin-top:auto;}
.cs2-card__claim{
  display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:8px;
  background:var(--cs2-cta);color:#fff!important;font-weight:900;text-decoration:none;text-transform:uppercase;font-size:13px;
}
.cs2-card__review{
  display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:8px;
  border:1px solid var(--cs2-accent);color:var(--cs2-accent);background:transparent;font-weight:800;text-decoration:none;text-transform:uppercase;font-size:13px;
}
@media(max-width:1100px){.cs2-cards__grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){
	.cs2-cards__grid{grid-template-columns:1fr;}
	.logo {
		max-width: 160px;
	}
}

.wp-block-list {
	margin-left: 20px;
}
.wp-block-list li {
	margin-block: 8px;
}

.footer_content p {
	font-size: 14px;
	color: #abb8c3;
	margin: 8px 0;
}

.content-wrap > h2, .content-wrap > .wp-block-heading{color:var(--cs2-text)!important;margin-top:28px;}
.content-wrap > p, .content-wrap li{color:var(--cs2-text-2)!important;}
/* .content-wrap a{color:var(--cs2-accent)!important;} */

.discleimer{background:var(--cs2-bg-2)!important;}
.discleimer p,.discleimer a{color:var(--cs2-muted)!important;}
.wp-block-button__link{
  background:var(--cs2-cta)!important;
  color:#0a1205!important;
  border-radius:8px!important;
  font-weight:800!important;
}

/* Yoast FAQ accordion */
.wp-block-yoast-faq-block,
.schema-faq{
  margin:24px 0 32px;
  border-top:1px solid var(--cs2-border);
}
.schema-faq-section{
  border-bottom:1px solid var(--cs2-border);
}
.schema-faq-question{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  width:100%;
  margin:0;
  padding:16px 4px;
  color:var(--cs2-text)!important;
  font-size:16px;
  font-weight:700;
  line-height:1.35;
  cursor:pointer;
  user-select:none;
}
.schema-faq-question::after{
  content:"";
  flex:0 0 auto;
  width:10px;
  height:10px;
  border-right:2px solid var(--cs2-accent);
  border-bottom:2px solid var(--cs2-accent);
  transform:rotate(45deg);
  transition:transform .2s ease;
}
.schema-faq-section.is-open .schema-faq-question::after{
  transform:rotate(-135deg);
}
.schema-faq-answer{
  display:none!important;
  margin:0!important;
  padding:0 4px 16px!important;
  color:var(--cs2-text-2)!important;
  font-size:15px;
  line-height:1.55;
}
.schema-faq-section.is-open .schema-faq-answer{
  display:block!important;
}
.schema-faq-question:hover{
  color:var(--cs2-accent)!important;
}

.wp-block-table thead {
	border-bottom: none !important;
}