/*
Theme Name: Trusted Top Casinos
Theme URI: https://trustedtopcasinos.com
Description: Custom OceanWP child theme for Trusted Top Casinos.
Author: OntoWeb
Template: oceanwp
Version: 1.0.4
Text Domain: ttc
*/

/* ==========================================================================
   0. TOKENS
   ========================================================================== */
:root {
	--ttc-bg: #F4F3EE;
	--ttc-ink: #151B26;
	--ttc-navy: #0F1626;
	--ttc-navy-2: #1B263F;
	--ttc-navy-3: #141D30;
	--ttc-navy-border: #2C3A57;
	--ttc-navy-footer: #0C1220;
	--ttc-gold: #C6A353;
	--ttc-gold-dark: #9C7A2C;
	--ttc-gold-light: #D4B366;
	--ttc-gold-badge: #D8B65E;
	--ttc-border: #E6E3DA;
	--ttc-border-2: #EFEDE6;
	--ttc-card-bg: #FFFFFF;
	--ttc-muted: #6B7381;
	--ttc-muted-2: #59616F;
	--ttc-muted-3: #97A0AE;
	--ttc-green: #2E7D5B;
	--ttc-font-serif: 'Source Serif 4', serif;
	--ttc-font-sans: 'Public Sans', system-ui, -apple-system, sans-serif;
	--ttc-max: 1200px;
}

/* ==========================================================================
   1. RESET / BASE
   ========================================================================== */
.ttc-body, .ttc-body * { box-sizing: border-box; }
.ttc-body {
	font-family: var(--ttc-font-sans);
	color: var(--ttc-ink) !important;
	background: var(--ttc-bg);
	min-height: 100vh;
	-webkit-font-smoothing: antialiased;
}
.ttc-body a { color: var(--ttc-gold-dark) !important; text-decoration: none; }
.ttc-body a:hover { color: var(--ttc-ink) !important; }
.ttc-body img { max-width: 100%; display: block; }
.ttc-wrap { max-width: var(--ttc-max); margin: 0 auto; padding: 0 32px; }
.ttc-body h1, .ttc-body h2, .ttc-body h3 { font-family: var(--ttc-font-serif); margin: 0; }

/* ==========================================================================
   2. TOPBAR
   ========================================================================== */
.ttc-topbar { background: var(--ttc-navy); color: #B9C0CE !important; font-size: 12.5px; letter-spacing: 0.01em; }
.ttc-topbar__inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 9px 32px; }
.ttc-topbar__left { display: flex; align-items: center; gap: 8px; }
.ttc-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--ttc-green); box-shadow: 0 0 0 3px rgba(46,125,91,0.18); flex-shrink: 0; }
.ttc-topbar__right { display: flex; align-items: center; gap: 14px; }
.ttc-age-badge { border: 1px solid #37425C; border-radius: 4px; padding: 2px 7px; font-weight: 700; color: #E7E3D6 !important; }

/* ==========================================================================
   3. HEADER
   ========================================================================== */
.ttc-header { background: #FFFFFF; border-bottom: 1px solid var(--ttc-border); position: relative; z-index: 40; }
.ttc-header__inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 16px 32px; }
.ttc-logo { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.ttc-logo-mark { width: 40px; height: 40px; border-radius: 9px; background: linear-gradient(160deg, var(--ttc-navy-2), var(--ttc-navy)); display: flex; align-items: center; justify-content: center; border: 1px solid var(--ttc-gold); flex-shrink: 0; }
.ttc-logo-mark span { width: 15px; height: 15px; transform: rotate(45deg); background: var(--ttc-gold); border-radius: 3px; }
.ttc-logo-text { line-height: 1; }
.ttc-logo-text .top { display: block; font-family: var(--ttc-font-serif); font-weight: 700; font-size: 16px; letter-spacing: 0.14em; color: var(--ttc-ink) !important; }
.ttc-logo-text .bottom { display: block; font-size: 10px; letter-spacing: 0.34em; color: var(--ttc-gold-dark) !important; font-weight: 700; margin-top: 3px; }
.ttc-nav { display: flex; align-items: center; gap: 24px; }
.ttc-nav a { color: #3A4351 !important; font-weight: 600; font-size: 14.5px; white-space: nowrap; }
.ttc-nav a:hover { color: var(--ttc-gold-dark) !important; }
.ttc-header-cta { display: inline-flex; align-items: center; gap: 8px; background: var(--ttc-gold); color: var(--ttc-ink) !important; font-weight: 800; font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase; padding: 12px 20px; border-radius: 999px; border: 1px solid #B8933F; white-space: nowrap; }
.ttc-header-cta:hover { background: var(--ttc-gold-light); color: var(--ttc-ink) !important; }
.ttc-nav-toggle { display: none; background: none; border: 1px solid var(--ttc-border); border-radius: 8px; width: 40px; height: 40px; align-items: center; justify-content: center; cursor: pointer; }
.ttc-nav-toggle span, .ttc-nav-toggle span::before, .ttc-nav-toggle span::after { display: block; width: 18px; height: 2px; background: var(--ttc-ink); position: relative; transition: 0.2s; }
.ttc-nav-toggle span::before, .ttc-nav-toggle span::after { content: ''; position: absolute; left: 0; }
.ttc-nav-toggle span::before { top: -6px; }
.ttc-nav-toggle span::after { top: 6px; }

/* ==========================================================================
   4. TAGS / EYEBROWS
   ========================================================================== */
.ttc-tag { font-size: 10.5px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ttc-navy) !important; background: var(--ttc-gold); padding: 5px 9px; border-radius: 5px; }
.ttc-tag--overlay { color: #FFFFFF !important; background: rgba(15,22,38,0.82); backdrop-filter: blur(4px); }
.ttc-tag--outline { color: #45566E !important; background: #F0EEE7; border: 1px solid #E1E5EA; font-weight: 800; }
.ttc-tag-row { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 16px; }
.ttc-eyebrow { font-size: 12.5px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ttc-gold-dark) !important; margin-bottom: 10px; }
.ttc-eyebrow--light { color: var(--ttc-gold-badge) !important; }

/* ==========================================================================
   5. FEATURED HERO
   ========================================================================== */
.ttc-hero-section { padding: 44px 32px 8px; }
.ttc-hero-grid { display: grid; grid-template-columns: 1.5fr 1fr; gap: 22px; }
.ttc-hero-card { position: relative; border-radius: 16px; overflow: hidden; display: flex; align-items: flex-end; color: #FFFFFF !important; background: var(--ttc-navy); transition: transform 0.25s ease, box-shadow 0.25s ease; }
.ttc-hero-card:hover { transform: translateY(-4px); box-shadow: 0 24px 48px -20px rgba(15,22,38,0.45); }
.ttc-hero-card--main { min-height: 460px; }
.ttc-hero-card--side { min-height: 219px; }
.ttc-hero-card__img { position: absolute; inset: 0; background-size: cover; background-position: center; transition: transform 0.4s ease; }
.ttc-hero-card:hover .ttc-hero-card__img { transform: scale(1.04); }
.ttc-hero-card__gradient { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10,14,24,0.25) 0%, rgba(10,14,24,0.35) 25%, rgba(10,14,24,0.97) 78%); pointer-events: none; }
.ttc-hero-card__body { position: relative; padding: 34px; width: 100%; }
.ttc-hero-card--side .ttc-hero-card__body { padding: 22px; }
.ttc-hero-card__title { font-weight: 700; font-size: 34px !important; line-height: 1.14 !important; margin: 0 0 18px; color: #FFFFFF !important; text-shadow: 0 2px 12px rgba(0,0,0,0.55); }
.ttc-hero-card--side .ttc-hero-card__title { font-size: 20px !important; margin-bottom: 12px; }
.ttc-byline { display: flex; align-items: center; gap: 10px; font-size: 13px; color: #D6DBE4 !important; text-shadow: 0 1px 6px rgba(0,0,0,0.5); }
.ttc-byline-avatar { width: 28px; height: 28px; border-radius: 50%; background: var(--ttc-gold); color: var(--ttc-navy) !important; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800; flex-shrink: 0; }
.ttc-byline-name { font-weight: 600; color: #FFFFFF !important; }
.ttc-dot-sep { width: 3px; height: 3px; border-radius: 50%; background: #7C8698; flex-shrink: 0; }
.ttc-hero-side-stack { display: grid; grid-template-rows: 1fr 1fr; gap: 22px; }

/* ==========================================================================
   6. SECTION HEADERS
   ========================================================================== */
.ttc-section { padding: 60px 32px 20px; }
.ttc-section__head { margin-bottom: 30px; }
.ttc-section__title { font-weight: 600; font-size: 36px !important; line-height: 1.1 !important; letter-spacing: -0.01em; margin: 0; }
.ttc-section__subtitle { font-size: 15.5px; color: var(--ttc-muted-2) !important; margin: 8px 0 0; }
.ttc-section__head--center { text-align: center; }

/* ==========================================================================
   7. ARTICLE CARDS (Insights grid)
   ========================================================================== */
.ttc-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.ttc-article-card { display: block; background: var(--ttc-card-bg); border: 1px solid var(--ttc-border); border-radius: 14px; overflow: hidden; color: inherit !important; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; }
.ttc-article-card:hover { transform: translateY(-4px); border-color: #C9C3B5; box-shadow: 0 20px 44px -28px rgba(21,27,38,0.3); }
.ttc-article-card__img { position: relative; aspect-ratio: 16 / 9; background: #E9E7DF; background-size: cover; background-position: center; overflow: hidden; }
.ttc-article-card__img .ttc-tag-row { position: absolute; top: 12px; left: 12px; max-width: 82%; margin-bottom: 0; }
.ttc-article-card__body { padding: 20px 20px 22px; }
.ttc-article-card__title { font-weight: 700; font-size: 19px !important; line-height: 1.28 !important; margin: 0 0 10px; }
.ttc-article-card__excerpt { font-size: 14px; line-height: 1.55; color: var(--ttc-muted) !important; margin: 0 0 16px; }
.ttc-article-card__meta { display: flex; align-items: center; gap: 10px; border-top: 1px solid var(--ttc-border-2); padding-top: 14px; font-size: 12.5px; color: var(--ttc-muted) !important; }
.ttc-article-card__meta .ttc-byline-avatar { background: var(--ttc-navy); color: var(--ttc-gold-badge) !important; }
.ttc-meta-date { font-size: 12.5px; color: var(--ttc-muted-3) !important; }

/* ==========================================================================
   8. TOP-RATED CASINOS
   ========================================================================== */
.ttc-casinos-section { background: var(--ttc-navy); color: #FFFFFF !important; margin-top: 56px; }
.ttc-casinos-section__inner { padding: 66px 32px 70px; }
.ttc-casino-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.ttc-casino-card { position: relative; background: linear-gradient(180deg, var(--ttc-navy-2), var(--ttc-navy-3)); border: 1px solid var(--ttc-navy-border); border-radius: 16px; padding: 26px; display: flex; flex-direction: column; box-shadow: 0 30px 60px -34px rgba(0,0,0,0.6); transition: transform 0.25s ease, border-color 0.25s ease; }
.ttc-casino-card:hover { transform: translateY(-4px); border-color: var(--ttc-gold); }
.ttc-casino-card__badge { position: absolute; top: 16px; right: 16px; display: inline-flex; align-items: center; gap: 4px; background: var(--ttc-gold); color: var(--ttc-navy) !important; font-weight: 800; font-size: 13px; padding: 5px 10px; border-radius: 999px; }
.ttc-casino-card__logo { height: 96px; border-radius: 12px; overflow: hidden; background: #0B1120; border: 1px solid var(--ttc-navy-border); margin-bottom: 22px; display: flex; align-items: center; justify-content: center; }
.ttc-casino-card__logo img { max-height: 70%; max-width: 80%; object-fit: contain; }
.ttc-casino-card__name { font-weight: 700; font-size: 22px !important; text-align: center; margin: 0 0 12px; color: #FFFFFF !important; }
.ttc-casino-card__bonus { font-size: 14.5px; line-height: 1.55; color: #B9C0CE !important; text-align: center; margin: 0 0 22px; flex: 1; }
.ttc-casino-card__cta { display: block; text-align: center; background: var(--ttc-gold); color: var(--ttc-navy) !important; font-weight: 800; font-size: 15px; letter-spacing: 0.04em; text-transform: uppercase; padding: 14px; border-radius: 999px; border: 1px solid #B8933F; }
.ttc-casino-card__cta:hover { background: var(--ttc-gold-light); color: var(--ttc-navy) !important; }
.ttc-casino-card__disclaimer { text-align: center; font-size: 12px; color: #7C8698 !important; margin-top: 14px; letter-spacing: 0.04em; }

/* ==========================================================================
   9. TRENDING
   ========================================================================== */
.ttc-trending-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.ttc-trending-card { position: relative; border-radius: 14px; overflow: hidden; min-height: 300px; display: flex; align-items: flex-end; color: #FFFFFF !important; background: var(--ttc-navy); transition: transform 0.25s ease, box-shadow 0.25s ease; }
.ttc-trending-card:hover { transform: translateY(-4px); box-shadow: 0 20px 44px -28px rgba(21,27,38,0.4); }
.ttc-trending-card__img { position: absolute; inset: 0; background-size: cover; background-position: center; transition: transform 0.4s ease; }
.ttc-trending-card:hover .ttc-trending-card__img { transform: scale(1.05); }
.ttc-trending-card__gradient { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10,14,24,0.2) 0%, rgba(10,14,24,0.3) 30%, rgba(10,14,24,0.96) 80%); pointer-events: none; }
.ttc-trending-card__body { position: relative; padding: 22px; width: 100%; }
.ttc-trending-card__title { font-weight: 700; font-size: 19px !important; line-height: 1.22 !important; margin: 0 0 12px; color: #FFFFFF !important; text-shadow: 0 2px 10px rgba(0,0,0,0.5); }

/* ==========================================================================
   10. BRANDS WE TRUST
   ========================================================================== */
.ttc-brands-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.ttc-brand-card { height: 120px; background: #FFFFFF; border: 1px solid var(--ttc-border); border-radius: 14px; overflow: hidden; padding: 18px; display: flex; align-items: center; justify-content: center; transition: transform 0.25s ease, box-shadow 0.25s ease; }
.ttc-brand-card:hover { transform: translateY(-3px); box-shadow: 0 16px 32px -22px rgba(21,27,38,0.35); }
.ttc-brand-card img { max-height: 100%; max-width: 100%; object-fit: contain; }

/* ==========================================================================
   11. LATEST UPDATES + SIDEBAR
   ========================================================================== */
.ttc-latest-section { background: #EFEDE6; border-top: 1px solid var(--ttc-border); }
.ttc-latest-grid { padding: 64px 32px; display: grid; grid-template-columns: 1.6fr 1fr; gap: 44px; align-items: start; }
.ttc-latest-list { display: flex; flex-direction: column; gap: 18px; }
.ttc-latest-card { display: grid; grid-template-columns: 168px 1fr; gap: 18px; background: #FFFFFF; border: 1px solid var(--ttc-border); border-radius: 14px; overflow: hidden; color: inherit !important; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; }
.ttc-latest-card:hover { transform: translateY(-3px); border-color: #C9C3B5; box-shadow: 0 18px 40px -28px rgba(21,27,38,0.28); }
.ttc-latest-card__img { position: relative; background: #E9E7DF; background-size: cover; background-position: center; }
.ttc-latest-card__body { padding: 18px 18px 18px 0; }
.ttc-latest-card__title { font-weight: 700; font-size: 20px !important; line-height: 1.24 !important; margin: 0 0 8px; }
.ttc-latest-card__excerpt { font-size: 13.5px; line-height: 1.5; color: var(--ttc-muted) !important; margin: 0 0 12px; }

.ttc-widget { background: #FFFFFF; border: 1px solid var(--ttc-border); border-radius: 14px; padding: 24px; margin-bottom: 24px; }
.ttc-widget__title { font-weight: 700; font-size: 20px !important; margin: 0 0 16px; }
.ttc-taxonomy-row { display: flex; align-items: center; justify-content: space-between; padding: 13px 0; border-bottom: 1px solid var(--ttc-border-2); color: #2A3140 !important; }
.ttc-taxonomy-row:last-child { border-bottom: none; }
.ttc-taxonomy-row:hover { color: var(--ttc-gold-dark) !important; }
.ttc-taxonomy-row__name { font-weight: 600; font-size: 15px; }
.ttc-taxonomy-row__count { font-size: 12.5px; font-weight: 700; color: #8A93A2 !important; background: var(--ttc-bg); border: 1px solid var(--ttc-border); border-radius: 999px; padding: 2px 10px; }
.ttc-gallery-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.ttc-gallery-item { aspect-ratio: 1 / 1; border-radius: 9px; overflow: hidden; background: #E9E7DF; background-size: cover; background-position: center; transition: transform 0.3s ease; }
.ttc-gallery-item:hover { transform: scale(1.06); }

/* ==========================================================================
   12. FOOTER
   ========================================================================== */
.ttc-footer { background: var(--ttc-navy-footer); color: #A7AFBE !important; }
.ttc-footer-grid { padding: 66px 32px 40px; display: grid; grid-template-columns: 1.5fr 1.2fr 1fr; gap: 44px; }
.ttc-footer-logo { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
.ttc-footer-logo .ttc-logo-text .top { color: #FFFFFF !important; font-size: 15px; }
.ttc-footer-logo .ttc-logo-text .bottom { color: var(--ttc-gold) !important; font-size: 9.5px; }
.ttc-footer-about { font-size: 14px; line-height: 1.65; color: #8C95A6 !important; max-width: 340px; margin: 0 0 20px; }
.ttc-social-row { display: flex; gap: 10px; }
.ttc-social-icon { width: 36px; height: 36px; border-radius: 8px; border: 1px solid #232E44; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; color: #A7AFBE !important; }
.ttc-social-icon:hover { border-color: var(--ttc-gold); color: #FFFFFF !important; }
.ttc-footer-col-title { font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #FFFFFF !important; margin-bottom: 18px; }
.ttc-popular-list { display: flex; flex-direction: column; gap: 16px; }
.ttc-popular-item { display: grid; grid-template-columns: 66px 1fr; gap: 12px; align-items: center; color: inherit !important; }
.ttc-popular-item__img { width: 66px; height: 52px; border-radius: 8px; overflow: hidden; background: #131C2E; background-size: cover; background-position: center; }
.ttc-popular-item__title { display: block; font-size: 13.5px; font-weight: 600; line-height: 1.35; color: #E7E9EE !important; }
.ttc-popular-item:hover .ttc-popular-item__title { color: var(--ttc-gold) !important; }
.ttc-popular-item__date { display: block; font-size: 11.5px; color: #6E7789 !important; margin-top: 4px; }
.ttc-newsletter-copy { font-size: 14px; line-height: 1.6; color: #8C95A6 !important; margin: 0 0 16px; }
.ttc-newsletter-form { display: flex; gap: 8px; margin-bottom: 14px; }
.ttc-newsletter-form input { flex: 1; min-width: 0; background: #131C2E; border: 1px solid #232E44; border-radius: 8px; padding: 11px 13px; color: #FFFFFF !important; font-size: 14px; font-family: inherit; }
.ttc-newsletter-form button { background: var(--ttc-gold); color: var(--ttc-navy) !important; font-weight: 800; font-size: 13px; letter-spacing: 0.04em; text-transform: uppercase; padding: 11px 16px; border-radius: 8px; border: 1px solid #B8933F; cursor: pointer; font-family: inherit; }
.ttc-newsletter-form button:hover { background: var(--ttc-gold-light); }
.ttc-newsletter-note { display: flex; align-items: center; gap: 8px; font-size: 12px; color: #6E7789 !important; }
.ttc-footer-bottom { border-top: 1px solid #1A2334; }
.ttc-footer-bottom__inner { padding: 22px 32px; display: flex; align-items: center; justify-content: center; text-align: center; }
.ttc-footer-bottom__inner small { font-size: 12.5px; color: #6E7789 !important; }

/* ==========================================================================
   13. SINGLE POST / PAGE / ARCHIVE
   ========================================================================== */
.ttc-content-section { padding: 48px 32px 70px; }
.ttc-content-grid { display: grid; grid-template-columns: 1.6fr 1fr; gap: 44px; align-items: start; }
.ttc-single-header { margin-bottom: 26px; }
.ttc-single-title { font-weight: 700; font-size: 40px !important; line-height: 1.14 !important; margin: 16px 0 18px; }
.ttc-single-cover { width: 100%; aspect-ratio: 16/8; border-radius: 16px; overflow: hidden; background: #E9E7DF; background-size: cover; background-position: center; margin-bottom: 28px; }
.ttc-single-body { font-size: 16.5px; line-height: 1.75; color: #2A3140 !important; }
.ttc-single-body p { margin: 0 0 20px; }
.ttc-single-body h2 { font-size: 26px; margin: 36px 0 16px; }
.ttc-single-body h3 { font-size: 21px; margin: 28px 0 14px; }
.ttc-single-body img { border-radius: 12px; margin: 20px 0; }
.ttc-single-body a { text-decoration: underline; }
.ttc-single-body blockquote { border-left: 3px solid var(--ttc-gold); margin: 24px 0; padding: 4px 0 4px 20px; color: var(--ttc-muted-2) !important; font-style: italic; }
.ttc-single-body ul, .ttc-single-body ol { margin: 0 0 20px; padding-left: 22px; }
.ttc-archive-title { font-weight: 600; font-size: 38px !important; margin: 0 0 8px; }
.ttc-archive-desc { color: var(--ttc-muted-2) !important; font-size: 15.5px; margin: 0 0 30px; }
.ttc-pagination { display: flex; gap: 8px; margin-top: 40px; flex-wrap: wrap; }
.ttc-pagination a, .ttc-pagination span { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 38px; padding: 0 10px; border-radius: 8px; border: 1px solid var(--ttc-border); background: #FFFFFF; font-size: 14px; font-weight: 600; }
.ttc-pagination .current { background: var(--ttc-navy); color: #FFFFFF !important; border-color: var(--ttc-navy); }
.ttc-empty-state { padding: 60px 32px; text-align: center; color: var(--ttc-muted) !important; }

/* ==========================================================================
   14. RESPONSIVE
   ========================================================================== */
@media (max-width: 980px) {
	.ttc-wrap, .ttc-hero-section, .ttc-section, .ttc-latest-grid, .ttc-content-section { padding-left: 20px; padding-right: 20px; }
	.ttc-hero-grid { grid-template-columns: 1fr; }
	.ttc-hero-card--main { min-height: 360px; }
	.ttc-card-grid, .ttc-casino-grid, .ttc-trending-grid, .ttc-brands-grid { grid-template-columns: repeat(2, 1fr); }
	.ttc-latest-grid, .ttc-content-grid { grid-template-columns: 1fr; }
	.ttc-footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 720px) {
	.ttc-nav { position: absolute; top: 100%; left: 0; right: 0; background: #FFFFFF; border-bottom: 1px solid var(--ttc-border); flex-direction: column; align-items: flex-start; gap: 0; padding: 8px 20px 16px; display: none; }
	.ttc-nav.is-open { display: flex; }
	.ttc-nav a { padding: 10px 0; width: 100%; border-bottom: 1px solid var(--ttc-border-2); }
	.ttc-nav-toggle { display: flex; }
	.ttc-header-cta { padding: 10px 16px; font-size: 12px; }
	.ttc-card-grid, .ttc-casino-grid, .ttc-trending-grid, .ttc-brands-grid { grid-template-columns: 1fr; }
	.ttc-footer-grid { grid-template-columns: 1fr; padding: 48px 20px 30px; }
	.ttc-latest-card { grid-template-columns: 110px 1fr; }
	.ttc-single-title { font-size: 28px; }
	.ttc-section__title { font-size: 28px; }
}