/*
Theme: geelyslots
*/
:root{
  --brand:#661a3c;
  --brand-2:#a663cc;
  --accent:#ffcc4d;
  --text:#1a1a1a;
  --bg:#fff;
  --muted:#6b7280;
  --soft:#f3f5f7;
  --header-h:50px;
  --header-bg:var(--brand);
  --header-link:#fff;
  --header-border:transparent;
  --section-bg:#f9fafb;
  --section-bd:var(--brand);
  --footer-sep:rgba(255,255,255,.18);
  --h2-text:#fff;
  --h2-bar:#661a3c;
  --h3-bar:#661a3c;
  --h2-corner:90px;
  --h3-corner:9999px;
  --glow-text-strong:rgba(251,231,118,.65);
  --glow-text-soft:rgba(251,231,118,.35);
  --content-inset:1rem;
}

*{ box-sizing:border-box; }

html{ font-size:16px; }

body{
  margin:0;
  color:var(--text);
  background:var(--bg);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,Helvetica,sans-serif;
  font-size:1rem;
  line-height:1.7;
}

img{ max-width:100%; display:block; height:auto; }

.container{ width:98%; margin-inline:auto; background:#fff; }

.section{ padding:0; }

.site-main{ margin:0; padding:0; }

.site-main > .container, main.container{
  background:#fff;
  padding-bottom:24px;
}

.site-header .container,
.site-footer .container,
.footer-widgets .container{ background:transparent!important; }

.site-header.sticky{
  position:fixed;
  inset:0 0 auto;
  z-index:1200;
  background:var(--header-bg);
  border-bottom:3px solid var(--header-border);
  color:#fff;
  height:var(--header-h);
}

.header-inner{
  height:var(--header-h);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  overflow:hidden;
}

.brand{ display:flex; align-items:center; gap:10px; }

.brand .custom-logo{ height:46px; width:auto; }

.brand .brand-text{
  color:#fff; font-weight:700; font-size:24px; letter-spacing:.2px; text-decoration:none;
}

.site-nav .menu{
  list-style:none; margin:0; padding:0; display:flex; gap:18px; align-items:center;
}

.site-header :is(a,.menu a){ color:var(--header-link); text-decoration:none; }

.site-nav .menu :is(a:hover,li.current-menu-item>a){
  text-decoration:underline; font-weight:600;
}

.site-nav .menu a.btn-download{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 12px; border-radius:999px; background:#fff; color:var(--brand); font-weight:600;
}

.site-nav .menu a.btn-download:hover{ filter:brightness(.95); }

.hamburger{ display:none; background:none; border:0; width:44px; height:44px; align-items:center; justify-content:center; cursor:pointer; }
.hamburger .icon-bars{ display:block; }

@media (max-width:1024px){
  .site-nav{ display:none; }
  .hamburger{ display:inline-flex; }
}

#mobile-drawer .drawer-backdrop{
  position:fixed; left:0; right:0; top:var(--header-h); bottom:0;
  background:rgba(0,0,0,.35); opacity:0; pointer-events:none; transition:opacity .3s; z-index:1100;
}
.drawer-open #mobile-drawer .drawer-backdrop{ opacity:1; pointer-events:auto; }

#mobile-drawer .drawer-panel{
  position:fixed; top:var(--header-h); left:50%;
  width:min(1100px,100%); transform:translate(-50%,-8px);
  background:#000; color:#fff; border-radius:0 0 12px 12px;
  box-shadow:0 6px 24px rgba(0,0,0,.35); max-height:50vh; overflow:auto;
  opacity:0; pointer-events:none; z-index:1101; transition:transform .4s,opacity .4s;
}
.drawer-open #mobile-drawer .drawer-panel{ opacity:1; pointer-events:auto; transform:translate(-50%,0); }

#mobile-drawer .drawer-head{
  display:flex; align-items:center; justify-content:space-between;
  padding:10px 16px; border-bottom:1px solid rgba(255,255,255,.12);
}

#mobile-drawer .drawer-close{ font-size:26px; line-height:1; background:transparent; border:0; color:#fff; cursor:pointer; }

#mobile-drawer .drawer-menu{ list-style:none; margin:0; padding:8px 0; }
#mobile-drawer .drawer-menu li{ border-bottom:1px solid rgba(255,255,255,.1); }

#mobile-drawer .drawer-menu a{
  display:block; padding:14px 16px; color:#fff; text-decoration:none;
}
#mobile-drawer .drawer-menu a:hover{ background:rgba(255,255,255,.08); }
#mobile-drawer .drawer-menu li.current-menu-item>a{ background:rgba(255,255,255,.12); font-weight:600; }

#mobile-drawer .drawer-menu a.btn-download{ background:#fff; color:#111; margin:8px 12px; border-radius:10px; }
#mobile-drawer .drawer-menu a.btn-download:hover{ background:#f3f5f7; color:#111; }

.site-header :is(.menu,.hamburger) svg,
#mobile-drawer .drawer-menu svg{
  width:20px!important; height:20px!important; min-width:20px; min-height:20px; max-width:20px; max-height:20px;
  display:block; flex:0 0 20px; box-sizing:content-box; stroke-width:1.6;
  fill:currentColor!important; stroke:currentColor!important;
}

.site-header .menu a, #mobile-drawer .drawer-menu a{
  display:flex; align-items:center; gap:8px; line-height:1; padding-block:10px;
}
#mobile-drawer .drawer-menu a{ color:#fff; }

.site-header.sticky + #mobile-drawer + .header-spacer,
.site-header.sticky + .header-spacer{ display:block; height:var(--header-h); }

main.container.section{ padding-top:10px; }

.entry [id]{ scroll-margin-top:calc(var(--header-h) + 10px); }

.footer-widgets{ background:#000; color:#e5e7eb; padding:20px 0; margin:0; }

.footer-wrap{
  --logo-h:80px; display:grid; grid-template-columns:1fr 1fr; gap:32px; align-items:start;
}

.footer-logo{ height:var(--logo-h); width:auto; }

.footer-desc{ margin:10px 18px 0; font-size:0.95rem; line-height:1.5; color:#c7cbd1;  text-align: left; }

@media (min-width:768px){
  .footer-left{ display:flex; align-items:center; gap:14px; min-height:var(--logo-h); }
  .footer-desc{ margin:0; flex:1 1 auto; min-width:0; white-space:normal; overflow:visible; text-overflow:clip; max-width:none;}
}

.footer-left>a{ display:inline-flex; align-items:center; flex:0 0 auto; }

.footer-right h3{ margin:0 0 6px; font-size:0.875rem; letter-spacing:.3px; color:#fff; }

.footer-right .links-grid{
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px 28px;
  list-style:none; margin:0; padding:0; align-content:center;
}

.footer-right .links-grid a{ color:#e5e7eb; text-decoration:none; font-size:0.875rem; line-height:1.2; }
.footer-right .links-grid a:hover{ text-decoration:underline; }

.footer-right .links-grid .li-sitemap{
  position:absolute!important; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden;
  clip:rect(0,0,0,0); clip-path:inset(100%); white-space:nowrap; border:0;
}

@media (max-width:768px){
  .footer-wrap{ grid-template-columns:1fr; gap:16px; text-align:center; }
  .footer-right .links-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px 16px; justify-items:center; }
  .footer-right .links-grid a{ font-size:0.8125rem; }
}

.site-footer{ background:var(--brand); color:#fff; border-top:1px solid var(--footer-sep); }

.site-footer .footer-bottom{ padding:14px 0; text-align:center; font-size:0.875rem; }

.site-footer a{ color:#fff; text-decoration:none; }
.site-footer a:hover{ text-decoration:underline; }

.backTop{
  position:fixed; right:18px; bottom:18px; width:40px; height:40px; border-radius:999px;
  background:var(--brand); color:#fff; border:0; cursor:pointer; display:none;
  align-items:center; justify-content:center; box-shadow:0 6px 18px rgba(0,0,0,.25);
  transition:transform .2s,opacity .2s; z-index:1300;
}
.backTop.show{ display:flex; opacity:1; }
.backTop:hover{ transform:translateY(-2px); }
@media (prefers-reduced-motion:reduce){ .backTop{ transition:none; } }


.entry .entry-title{
  display:block; text-align:center; margin:22px 0 18px; line-height:1.18;
  font-weight:800; font-size:clamp(24px,3.5vw,40px);
}

.entry .entry-content{ font-size:1rem; line-height:1.7; }
.entry .entry-content p, .entry .entry-content li{ font-size:1rem; }

.entry .entry-content h1{ font-size:2rem; }
.entry .entry-content h2{ font-size:1.75rem; }
.entry .entry-content h3{ font-size:1.35rem; }
.entry .entry-content h4{ font-size:1.125rem; }

.entry .entry-content :is(h1,h2){
  margin:26px 0 14px; line-height:1.2; text-align:center; margin-inline:auto;
  overflow-wrap:anywhere; word-break:break-word; text-wrap:balance;
}

.entry .entry-content h2{
  position:relative; display:block; text-align:center; padding:14px 20px;
  background:var(--h2-bar)!important; color:var(--h2-text); border:0!important;
  border-radius:0 var(--h2-corner) 0 var(--h2-corner)!important;
  text-shadow:0 0 6px var(--glow-text-strong),0 0 14px var(--glow-text-soft);
  white-space:normal; word-break:break-word; overflow-wrap:anywhere;
}
.entry .entry-content h2::before, .entry .entry-content h2::after{ content:none!important; }

.entry .entry-content h3{
  position:relative; display:block; text-align:left; width:auto; max-width:100%;
  margin:26px auto 14px; padding:0; background:none!important; color:var(--text);
  border:0!important; border-radius:0!important; text-shadow:none;
  white-space:normal; word-break:break-word; overflow-wrap:anywhere;
}
.entry .entry-content h3::before, .entry .entry-content h3::after{ content:none!important; }
.entry .entry-content h3.has-text-align-center{ text-align:center; }
.entry .entry-content h3.has-text-align-right{ text-align:right; }

.entry .entry-content > p{ margin-bottom:12px; }
.entry .entry-content p + h2{ margin-top:12px; }

@media (min-width:1024px){
  .entry .entry-content p{
    margin-left:calc(var(--content-inset) * 1.5) !important;
    margin-right:calc(var(--content-inset) * 1.5) !important;
  }
}

.entry .entry-content table{ font-size:0.95rem; border-collapse:collapse; }
.entry .entry-content table th, .entry .entry-content table td{ padding:.6em .8em; line-height:1.5; }
.entry .entry-content table th{ font-size:0.95rem; font-weight:600; }
.entry .entry-content table td{ font-size:0.95rem; }

.section-box, .section-box:is(.boxed-soft,.boxed-neutral){
  background:transparent!important; border:0!important; box-shadow:none!important;
  border-radius:14px; padding:0 16px 0; margin:0;
}
.section-box>:first-child{ margin-top:0; }
.section-box>:last-child{ margin-bottom:0; }
.section-box + .section-box{ margin-top:0; }

.page-template-page-app :is(.hero){ padding-top:4px; }
.page-template-page-app .hero-head{ margin-top:0; }
.page-template-page-app .hero-title{ margin:8px 0 10px; line-height:1.2; }
.page-template-page-app .hero-sub{ margin-top:8px; }

@media (max-width:768px){
  html{ font-size:15px; }
  .entry .entry-content{ font-size:0.95rem; line-height:1.7; }
  .entry .entry-content p, .entry .entry-content li{ font-size:0.95rem; }
  .entry .entry-title{ font-size:1.6rem; }
  .entry .entry-content h1{ font-size:1.5rem; }
  .entry .entry-content h2{ font-size:1.3rem; }
  .entry .entry-content h3{ font-size:1.1rem; }
  .entry .entry-content h4{ font-size:1rem; }
  .entry .entry-content table{ font-size:0.9rem; }
  .entry .entry-content table th, .entry .entry-content table td{
    font-size:0.9rem; padding:.5em .6em; word-break:break-word;
  }
}

@media (min-width:1024px){
  .entry .entry-content :is(h2,h3,h4){
    margin-left:var(--content-inset)!important;
    margin-right:var(--content-inset)!important;
  }
  .entry .entry-content > :where(
    ul, ol, blockquote, pre, table, figure,
    .section-box, .scroll-gallery,
    .wp-block-group, .wp-block-cover, .wp-block-media-text,
    .wp-block-image, .wp-block-table, .wp-block-quote, .wp-block-list
  ):not(.alignleft):not(.alignright):not(.aligncenter){
    margin-left:var(--content-inset)!important;
    margin-right:var(--content-inset)!important;
    width:auto!important;
    max-width:none!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box;
  }

  .site-main, main{ padding-inline:24px; }
}

.entry .entry-content .wp-block-image:not(.alignleft):not(.alignright):not(.aligncenter){
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center;
}

.entry .entry-content img.aligncenter{ display:block; margin-left:auto !important; margin-right:auto !important; }
.entry .entry-content img.alignleft{   display:block; margin-left:0;  margin-right:auto; }
.entry .entry-content img.alignright{  display:block; margin-right:0; margin-left:auto; }

@media (min-width:1024px){
  .entry .entry-content .wp-block-image.aligncenter{
    display:table;
    width:auto !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center;
  }
  .entry .entry-content .wp-block-image.aligncenter img{
    display:block; margin-left:auto; margin-right:auto;
  }

  .entry .entry-content .wp-block-image.alignleft{
    display:table; width:auto !important; max-width:100% !important;
    margin-left:var(--content-inset) !important; margin-right:auto !important;
    text-align:left;
  }

  .entry .entry-content .wp-block-image.alignright{
    display:table; width:auto !important; max-width:100% !important;
    margin-right:var(--content-inset) !important; margin-left:auto !important;
    text-align:right;
  }

  .entry .entry-content .wp-block-image:not(.alignleft):not(.alignright):not(.aligncenter){
    display:table; width:auto !important; max-width:100% !important;
    margin-left:auto !important; margin-right:auto !important; text-align:center;
  }
}

@supports (width: fit-content){
  @media (min-width:1024px){
    .entry .entry-content .wp-block-image.aligncenter,
    .entry .entry-content .wp-block-image.alignleft,
    .entry .entry-content .wp-block-image.alignright,
    .entry .entry-content .wp-block-image:not(.alignleft):not(.alignright):not(.aligncenter){
      display:block; width:fit-content; max-width:100% !important;
    }
  }
}
