/* Grand Mondial SK – adjustments on top of the brand stylesheet */
/* Logo */
.navbar-brand img.gmsk-logo{width:184px;height:auto;max-height:53px}
.gmd-logo{width:184px;height:auto}
@media (max-width:767px){.navbar-brand img.gmsk-logo{width:150px}}
/* Top bar without language selector */
.top-tool-bar{display:flex;justify-content:center;align-items:center;gap:14px}
.top-tool-bar .button--forget-password{text-decoration:none}
/* Mobile nav collapse (no Bootstrap JS) */
@media (max-width:767px){
  #top-nav-toggle.collapse{display:none}
  #top-nav-toggle.collapse.in{display:block}
}
/* Cookie bar */
.gmsk-cookie{position:fixed;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;background:#3c404d;color:#fff;font:14px/1.45 Arial,Helvetica,sans-serif}
.gmsk-cookie[hidden]{display:none}
.gmsk-cookie a{color:#fff;text-decoration:underline}
.gmsk-cookie .cc-btn{min-width:90px;border:0;border-radius:2px;background:#212121;color:#fff;font-weight:700;padding:8px 18px;cursor:pointer}
@media (max-width:600px){.gmsk-cookie{flex-direction:column;align-items:stretch;font-size:12px}}
/* Footer age badge (jurisdiction wording, no fixed age) */
.footer-icons a.gmsk-age{width:43px;text-align:center;font-size:11px;font-weight:700;line-height:51px;letter-spacing:0}
.footer-icons a.gmsk-age::after{content:none}
.gmsk-legal{max-width:900px;margin:10px auto 0;padding:0 15px 18px;color:#9a9a9a;font-size:11px;line-height:1.5;text-align:center}
.gmsk-legal p{margin:0 0 4px}
/* FAQ accordion */
.faqAccordian{margin:20px 0}
.faqAccordian dt.group-header{font-weight:700;font-size:18px;margin:22px 0 8px;color:#212121;border-bottom:2px solid #f7c413;padding-bottom:4px}
.faqAccordian dd{margin:0}
.faqAccordian dt.item-header{cursor:pointer;font-weight:600;padding:9px 30px 9px 0;border-bottom:1px solid #e3e3e3;position:relative}
.faqAccordian dt.item-header:after{content:"\f107";font-family:FontAwesome;position:absolute;right:6px;top:9px;color:#b38b00}
.faqAccordian dt.item-header.open:after{content:"\f106"}
.faqAccordian dd.item-content{display:none;padding:10px 0 6px}
.faqAccordian dt.item-header.open + dd.item-content{display:block}
/* Winners table caption */
.gmsk-caption{caption-side:top;color:#555;font-size:13px;padding:6px 0}
/* Contact: chat button */
.gmsk-chat-button{display:inline-block;margin:6px 0 14px}
/* Quote carousel (no Bootstrap JS) */
#carousel-millionaire-quotes .carousel-inner>.item{display:none}
#carousel-millionaire-quotes .carousel-inner>.item.active{display:block;left:0}
/* HWR certificate title in Slovak (brand font lacks Slovak glyphs) */
.hwr-certificate .gmsk-hwr-title{font-family:Georgia,"Times New Roman",serif;font-size:40px}
.hwr-certificate .hwr-certificate__subtitle{font-family:"Open Sans",Arial,sans-serif;font-size:22px;transform:none;margin-top:0}
/* 25-year Casino Rewards banner (from brand home page) */
.section-25year{
    position: relative;
    max-width: 1200px;
	margin: 0 auto;
}
.banner-25year p {
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	color: rgba(255,255,255,1);
	text-align: center;
	min-width: 250px;
	margin: 0;
    padding: 0 0 0 20px;
}
.banner-25year p span {
	color: rgba(254,233,158,1);
	text-transform: uppercase;
	font-weight: bold;
}
.section-25year .divider {
    background: rgba(0,164,124,1);
    width: 4px;
    height: 75px;
}

/* Mobile styles */
@media only screen and (max-width: 767px) {
	.section-25year {
		margin: 0 auto;
		padding: 20px 10px;
	}
	.banner-25year {
		margin: 0 auto;
		background-image: url(../img/core__shared__banner25year__banner-25yr-mob-en.webp);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center top;
		max-width: 450px;
		padding: 340px 0 30px 0;
		aspect-ratio: 240/263;
	}
	body.culture-fr .banner-25year {
		background-image: url(data:,);
	}
    body.culture-de-at .banner-25year,
    body.culture-de .banner-25year {
        background-image: url(data:,);
    }
	.banner-25year p {
		font-size: 21px;
		text-align: center;
		padding: 0 40px;
	}
    .section-25year .divider {
        display: none;
    }
}

/* Mobile re-sizing */
@media only screen and (min-width: 470px) {
    .banner-25year {
        padding: 355px 0 30px 0;
    }

    .banner-25year p {
        font-size: 14pt;
    }

    body.culture-fr .banner-25year p {
        font-size: 19px;
    }

    body.culture-de .banner-25year,
    body.culture-de-at .banner-25year {
        padding: 345px 0 30px 0;
    }
}
@media only screen and (max-width: 469px) {
    .banner-25year {
        padding: calc((( 100vw - 320px ) / 1.4 ) + 230px ) 0 30px 0;
    }

	.banner-25year p {
	    font-size: calc((( 100vw - 320px ) / 30 ) + 14px );
	}

    body.culture-fr .banner-25year p {
        font-size: calc((( 100vw - 320px ) / 25 ) + 13px );
    }

    body .culture-de .banner-25year p,
    body.culture-de-at .banner-25year p {
    font-size: calc((( 100vw - 320px ) / 30 ) + 13px );
    }
}
@media only screen and (max-width: 340px) {
    .banner-25year {
        padding-top: 230px;
    }

	.banner-25year p {
		font-size: 10pt;
	}

	body.culture-fr .banner-25year p {
		font-size: 13px;
	}

    body.culture-de .banner-25year p,
    body.culture-de-at .banner-25year p {
        font-size: 9pt;
    }
}

/* Mid-size screen styles */
@media only screen and (min-width: 768px) {
    .section-25year {
        padding: 60px 40px;
    }
	.section-25year::after {
		position: absolute;
		content: "";
		width: 92.25px;
		height: 144.375px;
		right: 18px;
		top: 41px;
		background: url(../img/core__shared__banner25year__plonk.webp);
		background-size: contain;
		z-index: 1;
	}
	.banner-25year {
		background-image:
			url(../img/core__shared__banner25year__logo-bg-en.webp),
			url(../img/core__shared__banner25year__banner-gradient.webp);
		background-size: 384.49px 225px, 1px 225px;
		background-repeat: no-repeat, repeat;
		background-position: -35px -37.5px, center -37.5px;
		display:flex;
		align-items: center;
		justify-content: space-around;
		padding: 0 8% 0 40%;
		border-radius: 10px;
		position: relative;
		height: 150px;
	}
    body.culture-de .banner-25year,
    body.culture-de-at .banner-25year {
        padding: 0 8% 0 40%;
    }
	body.culture-fr .banner-25year {
		background-image:
			url(data:,),
			url(../img/core__shared__banner25year__banner-gradient.webp);
	}
    body.culture-de-at .banner-25year,
    body.culture-de .banner-25year {
        background-image:
			url(data:,),
			url(../img/core__shared__banner25year__banner-gradient.webp);
    }
	.banner-25year::before {
		position: absolute;
		content: "";
		left: 45px;
		top: -37.5px;
		height: 225px;
		width: 225px;
		background-image: url(../img/core__shared__banner25year__logo-bg-en.webp);
		background-size: 384.49px 225px;
		background-repeat: no-repeat;
		background-position: -78.75px center;
		border-radius: 50%;
	}
	body.culture-fr .banner-25year::before {
		background-image: url(data:,);
	}
    body.culture-de-at .banner-25year::before,
    body.culture-de .banner-25year::before {
        background-image: url(data:,);
    }
	.banner-25year p {
		font-size: 18px;
		text-align: center;
	}
}

/* Desktop styles */
@media only screen and (min-width: 992px) {
    .section-25year {
        padding: 80px 40px;
    }
    .section-25year::after {
        position: absolute;
        content: "";
        width: 123px;
        height: 192.5px;
        right: 10px;
        top: 55px;
        background: url(../img/core__shared__banner25year__plonk.webp);
        background-size: contain;
        z-index: 1;
    }
    .banner-25year {
        background-image:
            url(../img/core__shared__banner25year__logo-bg-en.webp),
            url(../img/core__shared__banner25year__banner-gradient.webp);
        background-size: 512.65px 300px, 1px 300px;
        background-repeat: no-repeat, repeat;
        background-position: -45px center, center center;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 12.5% 0 40%;
        border-radius: 10px;
        position: relative;
        height: 200px;
    }
    body.culture-fr .banner-25year {
        background-image:
            url(data:,),
            url(../img/core__shared__banner25year__banner-gradient.webp);
    }
    body.culture-de-at .banner-25year,
    body.culture-de .banner-25year {
        background-image:
            url(data:,),
            url(../img/core__shared__banner25year__banner-gradient.webp);
    }
    .banner-25year::before {
        position: absolute;
        content: "";
        left: 60px;
        top: -50px;
        height: 300px;
        width: 300px;
        background-image: url(../img/core__shared__banner25year__logo-bg-en.webp);
        background-size: 512.65px 300px;
        background-repeat: no-repeat;
        background-position: -105px center;
        border-radius: 50%;
    }
    body.culture-fr .banner-25year::before {
        background-image: url(data:,);
    }
    body.culture-de-at .banner-25year::before,
    body.culture-de .banner-25year::before {
        background-image: url(data:,);
    }
    .banner-25year p {
        font-size: 21px;
        text-align: center;
        min-width: 300px;
    }
}

/* CCC specific */
    section.banner-container-ccc {
        background: rgba(255,255,255,1);
    }
    section.banner-container-ccc + section.section-home-100-bonus {
        padding-top: 2em;
        padding-bottom: 2em;
        background: rgba(255,255,255,1);
    }
/* YG specific */
    section.banner-container-yg {
        background: linear-gradient(0deg, rgb(0, 9, 44) 0%, rgb(0, 22, 58) 100%);
    }

    
/* Mobile: keep decorative elements inside the viewport */
html,body{overflow-x:hidden}
.content-container{overflow-x:hidden}

/* ===== 2026-10-31 design polish (revert: delete this block) ===== */
/* Logo: keep natural aspect ratio (was squeezed to 184x50 / 148x45), same height as brand logo */
nav.navbar .navbar-header .navbar-brand img.gmsk-logo{width:auto;height:50px;max-height:none;max-width:none;object-fit:contain}
.gmd-logo{height:auto;max-width:100%}
@media (max-width:767px){nav.navbar .navbar-header .navbar-brand img.gmsk-logo{width:auto;height:45px;margin:5px 0}}
/* 25-year banner: ".hero-section + section" (gmd.css) overrode the section padding, so the
   badge overlapped the hero and the quote strip. Restore brand spacing. */
.hero-section + .section-25year{padding:20px 10px}
@media (min-width:768px){.hero-section + .section-25year{padding:60px 40px}}
@media (min-width:992px){.hero-section + .section-25year{padding:80px 40px}}
/* Cookie bar on phones: compact single row like the brand site (was a tall stacked panel) */
@media (max-width:600px){
  .gmsk-cookie{flex-direction:row;align-items:center;gap:8px;padding:6px 8px;font-size:10px;line-height:1.35}
  .gmsk-cookie .cc-btn{min-width:0;padding:6px 10px;font-size:11px;min-height:28px}
}
/* Winners table: fit 360 px phones (right column was clipped) */
@media (max-width:480px){
  .winner-list-table{font-size:12px;width:100%}
  .winner-list-table>thead>tr>th,.winner-list-table>tbody>tr>td{padding:6px 4px}
  .winner-list-table td:nth-child(3),.winner-list-table td:nth-child(4){white-space:nowrap}
  .gmsk-caption{font-size:12px}
}

/* ===== 2026-10-31 headline fix (revert: delete this block) ===== */
/* Home hero H1 "GRAND MONDIAL CASINO SK vám ponúka" orphaned "PONÚKA" at <=400px.
   Slightly smaller (fluid, em of the inherited vw-based size) so it stays on one line; balance as fallback. */
@media (max-width:767px){.page-home .hero-section h1{text-wrap:balance}}
@media (max-width:400px){.page-home .hero-section h1{font-size:.94em}}

/* ===== 2026-10-31 QA fixes (revert: delete this block) ===== */
/* Heading levels changed (home testimonials h4->h3, games h3->h2): keep the old look */
.page-home .section-recent-winner .testi h3{text-align:inherit;color:#fff;text-transform:uppercase;font-size:1em;margin:0 0 10px}
.page-casino-games .section-games .game-container h2{font-size:1.6em;margin-top:0;margin-bottom:10px;text-transform:uppercase;color:inherit;text-align:inherit}
/* width/height attributes added to images: let CSS keep the rendered size */
img.game-icon,.hwr-certificate img.hwr-certificate__badge,.hwr-certificate img.hwr-certificate__cr-logo{width:auto}
img.game-screen-image{height:auto}
/* Carousel pause control: hidden until keyboard focus */
#carousel-millionaire-quotes{position:relative}
#carousel-millionaire-quotes .gmsk-carousel-pause:focus{position:absolute;top:6px;left:6px;z-index:5;width:auto;height:auto;margin:0;clip:auto;overflow:visible;padding:4px 10px;background:#212121;color:#fff;border:1px solid #f7c413;font-size:13px}
/* Nav link contrast 3.64 -> 4.64 on #f4f4f4 (was #7f7f7f) */
nav.navbar .navbar-nav .nav-menu-item,nav.navbar .navbar-nav .nav-menu-item:visited{color:#6e6e6e}

/* 2026-10-31 Julia QA: "Hrať teraz" white on green (#017758 = 5.55:1, hover #015c44 = 8.03:1), CTA top arrow removed */
nav.navbar .navbar-nav li.gmsk-play-now{padding:18px 0 18px 8px}
nav.navbar .navbar-nav li.gmsk-play-now .nav-menu-item,nav.navbar .navbar-nav li.gmsk-play-now .nav-menu-item:visited{display:block;height:36px;line-height:36px;padding:0 14px;background:#017758;color:#fff;border-radius:4px;text-decoration:none}
nav.navbar .navbar-nav li.gmsk-play-now .nav-menu-item:hover,nav.navbar .navbar-nav li.gmsk-play-now .nav-menu-item:focus,nav.navbar .navbar-nav li.gmsk-play-now .nav-menu-item:active{background:#015c44;color:#fff;text-decoration:none}
nav.navbar .navbar-nav li.gmsk-play-now .nav-menu-item:focus-visible{outline:2px solid #015c44;outline-offset:2px}
@media (max-width:767px){nav.navbar .navbar-nav li.gmsk-play-now{padding:6px 15px 10px}nav.navbar .navbar-nav li.gmsk-play-now .nav-menu-item,nav.navbar .navbar-nav li.gmsk-play-now .nav-menu-item:visited{height:42px;line-height:42px;text-align:center}}
.button-group--cta-hd .button--cta .first::after{content:none;display:none}