/*
 * THEHULK89 SAFE Layout Presets (20 choices: 00-19)
 * CSS-only visual sizing/spacing. DOM/section order remains unchanged.
 * No JavaScript edits and no new front-end content.
 */

/* 01 Compact Header */
@media (min-width: 768px) {
  body.layout-preset-compact-header .topbar-container { padding-top: 3px; padding-bottom: 3px; }
  body.layout-preset-compact-header .top-menu > li > a { padding-top: 10px; padding-bottom: 10px; }
  body.layout-preset-compact-header .top-menu > li > a > img { height: 24px; width: 24px; margin-bottom: 2px; }
  body.layout-preset-compact-header .site-header .logo { padding-top: calc((100% * 54 / 300) + 8px * 2); }
  body.layout-preset-compact-header .site-header .logo > img,
  body.layout-preset-compact-header .site-header .logo > picture { height: calc(100% - 8px * 2); margin-top: 8px; margin-bottom: 8px; }
}

/* 02 Tall Header */
@media (min-width: 768px) {
  body.layout-preset-tall-header .topbar-container { padding-top: 10px; padding-bottom: 10px; }
  body.layout-preset-tall-header .top-menu > li > a { padding-top: 25px; padding-bottom: 25px; }
  body.layout-preset-tall-header .top-menu > li > a > img { height: 35px; width: 35px; margin-bottom: 6px; }
  body.layout-preset-tall-header .site-header .logo { padding-top: calc((100% * 76 / 300) + 16px * 2); }
  body.layout-preset-tall-header .site-header .logo > img,
  body.layout-preset-tall-header .site-header .logo > picture { height: calc(100% - 16px * 2); margin-top: 16px; margin-bottom: 16px; }
}

/* 03 Wide Container */
@media (min-width: 1280px) {
  body.layout-preset-wide-container .topbar-container > .container,
  body.layout-preset-wide-container .site-header > .container,
  body.layout-preset-wide-container .home-info-container > .container,
  body.layout-preset-wide-container .site-footer > .container { width: 1240px; max-width: calc(100vw - 40px); }
}

/* 04 Narrow Container */
@media (min-width: 1200px) {
  body.layout-preset-narrow-container .topbar-container > .container,
  body.layout-preset-narrow-container .site-header > .container,
  body.layout-preset-narrow-container .home-info-container > .container,
  body.layout-preset-narrow-container .site-footer > .container { width: 1040px; max-width: calc(100vw - 40px); }
}

/* 05 Compact Sections */
body.layout-preset-compact-sections .home-inner-container { margin-top: 8px; margin-bottom: 18px; gap: 12px; }
body.layout-preset-compact-sections .popular-game-title-container,
body.layout-preset-compact-sections .home-game-list-container { margin-bottom: 8px; }
body.layout-preset-compact-sections .popular-games { margin-bottom: 12px; }
body.layout-preset-compact-sections .popular-game-title-container .container-content,
body.layout-preset-compact-sections .home-game-list-container .container-content { padding: 6px; }

/* 06 Spacious Sections */
body.layout-preset-spacious-sections .home-inner-container { margin-top: 24px; margin-bottom: 56px; gap: 28px; }
body.layout-preset-spacious-sections .popular-game-title-container,
body.layout-preset-spacious-sections .home-game-list-container { margin-bottom: 26px; }
body.layout-preset-spacious-sections .popular-games { margin-bottom: 36px; }
body.layout-preset-spacious-sections .popular-game-title-container .container-content,
body.layout-preset-spacious-sections .home-game-list-container .container-content { padding: 16px; }

/* 07 Compact Game Rail */
@media (min-width: 992px) {
  body.layout-preset-compact-game-rail .popular-game-title-container .container-content .game-list .games-group { width: calc((100% - 6px * 7) / 7.7); gap: 6px; margin: 2px; }
  body.layout-preset-compact-game-rail .popular-game-title-container .container-content .game-list .game-item .game-name { font-size: 11px; }
  body.layout-preset-compact-game-rail .home-game-list-container .container-content .game-list .game-item { width: calc((100% - (4px * 7.2 * 2)) / 7.2); }
}

/* 08 Large Game Rail */
@media (min-width: 992px) {
  body.layout-preset-large-game-rail .popular-game-title-container .container-content .game-list .games-group { width: calc((100% - 10px * 5) / 5.25); gap: 12px; margin: 5px; }
  body.layout-preset-large-game-rail .popular-game-title-container .container-content .game-list .game-item .game-name { font-size: 13px; }
  body.layout-preset-large-game-rail .home-game-list-container .container-content .game-list .game-item { width: calc((100% - (7px * 5.2 * 2)) / 5.2); }
}

/* 09 Compact Provider Tabs */
body.layout-preset-compact-provider-tabs .popular-games .nav-tabs > li > a { padding: 1px 5px; margin: 2px 1px; border-radius: 3px; }
body.layout-preset-compact-provider-tabs .popular-games .popular-game-list { padding-left: 8px; padding-right: 8px; }
body.layout-preset-compact-provider-tabs .popular-games .popular-game-list .game-item { padding: 3px; }
body.layout-preset-compact-provider-tabs .popular-games [data-section="left"] .section-title { height: 48px; font-size: 17px; }

/* 10 Large Provider Tabs */
body.layout-preset-large-provider-tabs .popular-games .nav-tabs > li > a { padding: 5px 12px; margin: 4px 2px; border-radius: 8px; }
body.layout-preset-large-provider-tabs .popular-games .popular-game-list { padding-left: 20px; padding-right: 20px; }
body.layout-preset-large-provider-tabs .popular-games .popular-game-list .game-item { padding: 8px; }
body.layout-preset-large-provider-tabs .popular-games [data-section="left"] .section-title { height: 64px; font-size: 21px; }

/* 11 Compact Jackpot */
body.layout-preset-compact-jackpot .home-progressive-jackpot { padding: 6px; border-radius: 20px; }
body.layout-preset-compact-jackpot .home-progressive-jackpot .outer-container,
body.layout-preset-compact-jackpot .home-progressive-jackpot .inner-container,
body.layout-preset-compact-jackpot .home-progressive-jackpot .border-container { padding: 6px; }
body.layout-preset-compact-jackpot .home-progressive-jackpot .border-container { gap: 24px; }
body.layout-preset-compact-jackpot .home-progressive-jackpot .jackpot-container { padding: 6px; font-size: 32px; letter-spacing: 3px; }

/* 12 Large Jackpot */
@media (min-width: 992px) {
  body.layout-preset-large-jackpot .home-progressive-jackpot { padding: 14px; border-radius: 36px; }
  body.layout-preset-large-jackpot .home-progressive-jackpot .outer-container,
  body.layout-preset-large-jackpot .home-progressive-jackpot .inner-container,
  body.layout-preset-large-jackpot .home-progressive-jackpot .border-container { padding: 14px; }
  body.layout-preset-large-jackpot .home-progressive-jackpot .border-container { gap: 62px; }
  body.layout-preset-large-jackpot .home-progressive-jackpot .jackpot-container { padding: 14px; font-size: 46px; letter-spacing: 6px; }
}

/* 13 Narrow Article */
@media (min-width: 992px) {
  body.layout-preset-narrow-article .footer-description-section .site-description .seo-article-shell { max-width: 930px; margin-left: auto; margin-right: auto; }
  body.layout-preset-narrow-article .footer-description-section .site-description .seo-content { padding-left: 34px; padding-right: 34px; }
}

/* 14 Wide Article */
@media (min-width: 1200px) {
  body.layout-preset-wide-article .footer-description-section .site-description .seo-article-shell { max-width: 1180px; margin-left: auto; margin-right: auto; }
  body.layout-preset-wide-article .footer-description-section .site-description .seo-content { padding-left: 24px; padding-right: 24px; }
}

/* 15 Compact Footer */
body.layout-preset-compact-footer .site-footer .footer-description-section { padding-top: 12px; padding-bottom: 8px; }
body.layout-preset-compact-footer .site-footer .footer-separator { margin-top: 10px; margin-bottom: 10px; }
body.layout-preset-compact-footer .footer-description-section .site-description .seo-content { padding-top: 16px; padding-bottom: 18px; }
body.layout-preset-compact-footer .footer-description-section .site-description .seo-toc nav { padding-top: 10px; padding-bottom: 10px; }

/* 16 Spacious Footer */
body.layout-preset-spacious-footer .site-footer .footer-description-section { padding-top: 34px; padding-bottom: 24px; }
body.layout-preset-spacious-footer .site-footer .footer-separator { margin-top: 24px; margin-bottom: 24px; }
body.layout-preset-spacious-footer .footer-description-section .site-description .seo-content { padding-top: 34px; padding-bottom: 42px; }
body.layout-preset-spacious-footer .footer-description-section .site-description .seo-toc nav { padding-top: 20px; padding-bottom: 20px; }

/* 17 Square Cards */
body.layout-preset-square-cards .home-progressive-jackpot,
body.layout-preset-square-cards .home-progressive-jackpot .outer-container,
body.layout-preset-square-cards .home-progressive-jackpot .inner-container,
body.layout-preset-square-cards .home-progressive-jackpot .border-container,
body.layout-preset-square-cards .home-progressive-jackpot .jackpot-container,
body.layout-preset-square-cards .popular-games .nav-tabs > li > a,
body.layout-preset-square-cards .footer-description-section .site-description .seo-content,
body.layout-preset-square-cards .footer-description-section .site-description .seo-toc nav,
body.layout-preset-square-cards .footer-description-section .site-description nav a { border-radius: 2px !important; }

/* 18 Soft Rounded Cards */
body.layout-preset-soft-cards .home-progressive-jackpot { border-radius: 38px; }
body.layout-preset-soft-cards .home-progressive-jackpot .outer-container,
body.layout-preset-soft-cards .home-progressive-jackpot .inner-container,
body.layout-preset-soft-cards .home-progressive-jackpot .border-container,
body.layout-preset-soft-cards .home-progressive-jackpot .jackpot-container { border-radius: 44px; }
body.layout-preset-soft-cards .popular-games .nav-tabs > li > a { border-radius: 12px; }
body.layout-preset-soft-cards .footer-description-section .site-description .seo-content,
body.layout-preset-soft-cards .footer-description-section .site-description .seo-toc nav { border-radius: 22px; }
body.layout-preset-soft-cards .footer-description-section .site-description nav a { border-radius: 12px; }

/* 19 Compact Announcement */
body.layout-preset-compact-announcement .announcement-container { min-height: 0; }
body.layout-preset-compact-announcement .announcement-container [data-section="title"],
body.layout-preset-compact-announcement .announcement-container [data-section="date"] { font-size: 12px; }
body.layout-preset-compact-announcement .announcement-container [data-section="announcements"] { font-size: 12px; }
body.layout-preset-compact-announcement .announcement-container [data-section="title"],
body.layout-preset-compact-announcement .announcement-container [data-section="announcements"],
body.layout-preset-compact-announcement .announcement-container [data-section="date"] { padding-top: 5px; padding-bottom: 5px; }

/* Mobile guardrails */
@media (max-width: 767px) {
  body.layout-preset-large-jackpot .home-progressive-jackpot .jackpot-container,
  body.layout-preset-compact-jackpot .home-progressive-jackpot .jackpot-container { font-size: inherit; letter-spacing: inherit; }
  body.layout-preset-narrow-article .footer-description-section .site-description .seo-content,
  body.layout-preset-wide-article .footer-description-section .site-description .seo-content { padding-left: 16px; padding-right: 16px; }
}