/* ===== Gamers Dates blog theme override (dark neon, matches main site) ===== */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;600;700;800;900&family=Outfit:wght@300;400;500;600;700&display=swap');

:root {
  --gd-bg: #0b0d22;
  --gd-bg-soft: #11142e;
  --gd-surface: #181c3a;
  --gd-ink: #eef0ff;
  --gd-muted: #a6abd6;
  --gd-primary: #2f7bff;
  --gd-primary-light: #5a9bff;
  --gd-accent: #ff3d9a;
  --gd-accent-light: #ff70b8;
  --gd-cyan: #22d3ee;
  --gd-line: rgba(255,255,255,0.10);
  --gd-display: 'Orbitron', 'Outfit', sans-serif;
  --gd-body: 'Outfit', sans-serif;
}

html, body {
  background: var(--gd-bg) !important;
  color: var(--gd-ink) !important;
  font-family: var(--gd-body) !important;
}
body * { font-family: var(--gd-body); }

/* hide the registration form sidebar everywhere */
.right-content, .regform, .hubp-form-container, .form-container-free-signup,
.form-h1-title, .hubp-submit-container, .hubp-form-wrapper { display: none !important; }

/* widen content: article goes full width once the form sidebar is gone */
.content .container, .blogs, .container { max-width: 1140px !important; width: 100% !important; }
.left-content, .col-lg-8.left-content {
  width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important;
}

/* ---- header / navbar ---- */
#header {
  background: rgba(11,13,34,0.92) !important;
  border-bottom: 1px solid var(--gd-line) !important;
  display: flex !important; align-items: center !important; justify-content: space-between !important;
  flex-wrap: wrap; padding: 12px 24px !important; gap: 12px;
}
.logo-container { width: auto !important; padding: 0 !important; }
.logo-container .row { margin: 0 !important; }
.logo-container .logo, #header img.logo { width: 200px !important; height: auto !important; }
.nav-container { width: auto !important; padding: 0 !important; }
.navbar-default, .navbar-default .container-fluid, .collapse.navbar-collapse { background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; }
.nav.navbar-nav { display: flex !important; align-items: center !important; gap: 12px !important; float: none !important; margin: 0 !important; }
.nav.navbar-nav > li { float: none !important; list-style: none !important; }
.gd-btn {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 11px 24px; border-radius: 50px; font-family: var(--gd-body);
  font-weight: 700; font-size: 15px; cursor: pointer; text-decoration: none !important; white-space: nowrap;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
}
.gd-btn-primary { background: linear-gradient(120deg, var(--gd-primary), var(--gd-accent)) !important; color: #fff !important; box-shadow: 0 8px 22px -8px rgba(255,61,154,0.5); }
.gd-btn-primary:hover { transform: translateY(-2px); }
.gd-btn-outline { background: transparent !important; color: var(--gd-primary-light) !important; border: 2px solid var(--gd-primary) !important; }
.gd-btn-outline:hover { background: var(--gd-primary) !important; color: #fff !important; }

/* ---- content / article ---- */
.content { background: var(--gd-bg) !important; padding-top: 24px !important; }
.breadcrumbs, .breadcrumbs * { color: var(--gd-muted) !important; }
.breadcrumbs a { color: var(--gd-cyan) !important; }
.left-content h1, .left-content h2, .left-content h3, .blog-title, h1, h2, h3 {
  font-family: var(--gd-display) !important; color: var(--gd-ink) !important;
}
.left-content h1 { font-size: clamp(1.9rem, 4vw, 2.7rem) !important; line-height: 1.2 !important; margin: 12px 0 18px !important; }
.left-content h2 { font-size: clamp(1.4rem, 2.6vw, 1.9rem) !important; margin: 36px 0 14px !important; }
.left-content h3 { font-size: clamp(1.2rem, 2.2vw, 1.5rem) !important; margin: 28px 0 12px !important; }
.left-content p, .left-content li, .content p, .content li { color: var(--gd-muted) !important; font-size: 17px !important; line-height: 1.85 !important; }
.left-content a, .content a { color: var(--gd-primary-light) !important; }
.left-content img, .img-content img { border-radius: 14px !important; border: 1px solid var(--gd-line) !important; }
.img-content { border-radius: 14px !important; overflow: hidden !important; }

/* ---- blog index cards ---- */
.blogs { padding: 24px 0 48px !important; }
.blog-container { background: var(--gd-surface) !important; border: 1px solid var(--gd-line) !important; border-radius: 16px !important; overflow: hidden !important; margin-bottom: 24px !important; transition: transform .2s ease, border-color .2s ease; }
.blog-container:hover { transform: translateY(-3px); border-color: var(--gd-primary) !important; }
.blog-details-container { padding: 22px 24px !important; }
.blog-title, .blog-title a { color: var(--gd-ink) !important; font-family: var(--gd-display) !important; }
.blog-container:hover .blog-title, .blog-container:hover .blog-title a { color: var(--gd-accent-light) !important; }
.blog-details, .blog-details * { color: var(--gd-muted) !important; }
.blog-details a { color: var(--gd-cyan) !important; }
.blog-img img, .blog-container img { border-radius: 0 !important; }

/* ---- footer / brands ---- */
.brands-container { background: #07081a !important; border-top: 1px solid var(--gd-line) !important; }
.brands-container *, footer, footer * { color: var(--gd-muted) !important; }
.brands-container a, footer a { color: var(--gd-cyan) !important; }

/* ---- fixes: kill white content box, cap image height, fix logo position ---- */
.content, .content .container, .content .container > .col-lg-12, .no-float,
.left-content, .left-content > .row, .left-content > div, .right-content,
.content .row, .blogs > .container, .blog-details-container {
  background: transparent !important; box-shadow: none !important;
}
.left-content { padding: 0 8px !important; }
html body .content, html body .content div { background-color: transparent !important; background-image: none !important; box-shadow: none !important; }
html body .left-content h1, html body .left-content .author { color: var(--gd-ink) !important; }
html body .left-content .author { color: var(--gd-muted) !important; }
/* match site font sizes (blog.css base was 14px) */
html body .content p, html body .content li, html body .left-content p, html body .left-content li,
html body .left-content ul li, html body .left-content ol li {
  font-size: 17px !important; line-height: 1.85 !important;
}
html body .left-content h1 { font-size: clamp(30px, 4vw, 43px) !important; line-height: 1.2 !important; }
html body .left-content h2, html body .content h2 { font-size: clamp(22px, 2.6vw, 30px) !important; }
html body .left-content h3, html body .content h3 { font-size: clamp(19px, 2.2vw, 24px) !important; }
html body .left-content .author { font-size: 15px !important; }
.left-content .img-content { max-height: 440px !important; overflow: hidden !important; border-radius: 14px !important; margin-bottom: 24px !important; }
.left-content .img-content img { width: 100% !important; height: clamp(240px, 36vw, 440px) !important; object-fit: cover !important; }
#header { justify-content: space-between !important; align-items: center !important; padding: 14px 32px !important; }
.logo-container { flex: 0 0 auto !important; width: auto !important; text-align: left !important; order: 0 !important; }
.logo-container .row { margin: 0 !important; text-align: left !important; }
.logo-container a { display: inline-block !important; }
.nav-container { flex: 0 0 auto !important; width: auto !important; margin-left: auto !important; order: 1 !important; }

@media (max-width: 768px) {
  #header { flex-direction: column; align-items: flex-start !important; }
  .nav.navbar-nav { flex-wrap: wrap; }
}

/* ---- hide ShareThis social share buttons ---- */
.st-sticky-share-buttons, .sharethis-sticky-share-buttons, .sharethis-inline-share-buttons,
[class*="sharethis"], #st-1, .st-btn { display: none !important; }

/* ---- hide old footer/brands + new homepage-style footer ---- */
#footer, .brands-container, .footer-text { display: none !important; }
.gd-footer { display: block !important; background: #07081a !important; border-top: 1px solid var(--gd-line) !important; padding: 56px 0 28px !important; margin-top: 40px; }
.gd-footer-inner { max-width: 1140px; margin: 0 auto; padding: 0 24px; }
.gd-footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 40px; margin-bottom: 40px; }
.gd-footer-brand .gd-footer-logo { width: 200px !important; height: auto !important; margin-bottom: 14px; }
.gd-footer-brand p { color: var(--gd-muted) !important; font-size: 15px !important; line-height: 1.7; max-width: 320px; }
.gd-footer h4 { color: var(--gd-ink) !important; font-family: var(--gd-display) !important; font-size: 13px !important; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 16px; }
.gd-footer ul { list-style: none !important; padding: 0; margin: 0; }
.gd-footer li { margin-bottom: 10px; }
.gd-footer li a { color: var(--gd-muted) !important; font-size: 15px !important; }
.gd-footer li a:hover { color: var(--gd-cyan) !important; }
.gd-footer-bottom { border-top: 1px solid var(--gd-line); padding-top: 22px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 14px; font-size: 14px !important; color: var(--gd-muted); }
.gd-footer-bottom span, .gd-footer-legal a { font-size: 14px !important; }
.gd-footer-legal a { color: var(--gd-muted) !important; margin-left: 16px; }
.gd-footer-legal a:hover { color: var(--gd-cyan) !important; }

/* ---- new cookie consent (matches homepage) ---- */
.hp-cookie-consent { z-index: 999; position: fixed; bottom: 20px; right: 20px; padding: 1rem; max-width: 650px; background-color: #07081aee; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); border-radius: 8px; border: 1px solid rgba(255,255,255,0.12); box-shadow: 0 4px 15px #0008; transition: opacity .6s ease-in; cursor: pointer; visibility: hidden; }
.hp-cookie-consent.hp-visible { visibility: visible; }
.hp-cookie-consent .hp-cookie-content { color: #eef0ff; max-width: 900px; margin: 0 auto; font-size: 14px; }
.hp-cookie-consent .hp-cookie-wrapper { display: flex; align-items: center; justify-content: space-around; gap: 1rem; }
.hp-cookie-consent .hp-cookie-wrapper a { color: #5a9bff; font-size: 14px; font-weight: 600; }
.hp-cookie-consent .hp-btn-cookie { padding: .5rem; display: inline-block; background-color: #2f7bff; border: 1px solid #2f7bff; border-radius: 6px; color: #fff; min-width: 120px; cursor: pointer; text-align: center; text-decoration: none; line-height: 25px; font-size: 14px; }
@media screen and (max-width: 47.9375em) { .hp-cookie-consent { bottom: 0; right: 0; max-width: 100vw; border-radius: 0; width: 100%; } }
@media (max-width: 768px) { .gd-footer-grid { grid-template-columns: 1fr; } .gd-footer-bottom { flex-direction: column; text-align: center; } }