/* ==========================================================================
   GTApt v2.7.2 - "Vice City sunset" light mode
   Every rule is scoped to html[data-theme="light"], so dark mode is untouched.
   Loaded site-wide after style.css / single-article.css / home-countdown.css.

   Palette
   cream base      #FFF8F0   card           #FFFCF8   hover      #FDEBE3
   pale peach      #FFEFE6   pale aqua      #E6F4F1   border     #F0DCD0
   text            #2B1D2E   text 2         #54435A   muted      #76606F
   magenta         #B4235F   magenta hover  #951B4E   pink       #BE2A68
   teal            #0E7068   teal hover     #0A5A53   burnt orange #C2410C
   header plum     #2A1830
   ========================================================================== */

html[data-theme="light"] {
  --bg-primary: #fff8f0;
  --bg-secondary: #ffefe6;
  --bg-card: #fffcf8;
  --bg-hover: #fdebe3;
  --text-primary: #2b1d2e;
  --text-secondary: #54435a;
  --text-muted: #76606f;
  --accent-purple: #b4235f;
  --accent-purple-hover: #951b4e;
  --accent-red: #c2410c;
  --accent-pink: #be2a68;
  --border-color: #f0dcd0;
  --gradient-hero: linear-gradient(135deg, #ffe6d8 0%, #fff8f0 50%, #dff3ef 100%);
  --shadow-card: 0 4px 20px rgba(120, 60, 40, 0.08);

  /* Extra Vice City tokens (light only) */
  --vc-teal: #0e7068;
  --vc-teal-hover: #0a5a53;
  --vc-aqua: #e6f4f1;
  --vc-peach: #ffefe6;
  --vc-plum: #2a1830;
  --vc-grad: linear-gradient(90deg, #b4235f 0%, #b83a4b 50%, #c2410c 100%);
  --vc-grad-soft: linear-gradient(135deg, #ffe7da 0%, #fdeef0 50%, #ddf2ee 100%);
  --vc-grad-line: linear-gradient(90deg, #e27396 0%, #f0a071 50%, #6cc3b6 100%);
}

html[data-theme="light"] ::selection { background: #f9c6d6; color: #2b1d2e; }

html[data-theme="light"] body {
  background-color: var(--bg-primary);
  background-image:
    radial-gradient(1100px 520px at 100% 0%, rgba(255, 196, 170, 0.22), transparent 60%),
    radial-gradient(900px 520px at 0% 100%, rgba(150, 215, 205, 0.20), transparent 60%);
  background-attachment: fixed;
}

/* ---------- Header: deep plum so the logo keeps its dark background ---------- */
html[data-theme="light"] .site-header {
  background: rgba(42, 24, 48, 0.97);
  border-bottom: 0;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04);
}
html[data-theme="light"] .site-header::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: var(--vc-grad-line);
  opacity: 0.85;
  pointer-events: none;
}
html[data-theme="light"] .main-navigation a { color: #ebd9e4; }
html[data-theme="light"] .main-navigation a:hover,
html[data-theme="light"] .main-navigation .current-menu-item a {
  color: #fff;
  background: rgba(255, 255, 255, 0.09);
}
html[data-theme="light"] .main-navigation .current-menu-item a { color: #ffb3cf; }
html[data-theme="light"] .search-toggle,
html[data-theme="light"] .user-btn,
html[data-theme="light"] .theme-toggle {
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(255, 255, 255, 0.16);
  color: #f3e4ec;
}
html[data-theme="light"] .search-toggle:hover,
html[data-theme="light"] .user-btn:hover,
html[data-theme="light"] .theme-toggle:hover {
  background: rgba(255, 179, 207, 0.16);
  color: #fff;
}
/* Hamburger was dark-on-dark in light mode */
html[data-theme="light"] .menu-toggle { color: #f6e9f0; }
/* Mobile menu panel (opened by main.js with an inline background) */
html[data-theme="light"] .main-navigation[style*="position"] {
  background: #2a1830 !important;
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

/* ---------- Hero (homepage) ---------- */
html[data-theme="light"] .hero-overlay {
  background:
    linear-gradient(to top, var(--bg-primary) 0%, rgba(255, 248, 240, 0.9) 18%, rgba(255, 240, 230, 0.42) 45%, transparent 70%),
    linear-gradient(100deg, rgba(255, 248, 240, 0.93) 0%, rgba(255, 240, 232, 0.72) 40%, rgba(255, 236, 226, 0.28) 75%, rgba(230, 244, 241, 0.12) 100%);
}
html[data-theme="light"] .hero.has-bg-image .hero-overlay {
  background:
    linear-gradient(to top, var(--bg-primary) 0%, rgba(255, 248, 240, 0.95) 12%, rgba(255, 240, 230, 0.55) 35%, rgba(255, 236, 226, 0.15) 60%, transparent 80%),
    linear-gradient(105deg, rgba(255, 248, 240, 0.92) 0%, rgba(255, 240, 232, 0.64) 42%, rgba(255, 236, 226, 0.26) 70%, rgba(230, 244, 241, 0.08) 100%);
}
html[data-theme="light"] .hero-text h1 { text-shadow: none; }
@media (max-width: 768px) {
  /* Small screens: the text sits over the whole image, so soften it evenly */
  html[data-theme="light"] .hero.has-bg-image .hero-overlay {
    background:
      linear-gradient(to top, var(--bg-primary) 0%, rgba(255, 248, 240, 0.9) 20%, rgba(255, 244, 236, 0.78) 60%, rgba(255, 244, 236, 0.7) 100%);
  }
}
html[data-theme="light"] .hero-text h1 .highlight {
  background: linear-gradient(90deg, #b4235f 0%, #c8365f 50%, #c2410c 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

/* ---------- Buttons, titles, badges ---------- */
html[data-theme="light"] .btn-primary {
  background: var(--vc-grad);
  color: #fff;
}
html[data-theme="light"] .btn-primary:hover {
  background: linear-gradient(90deg, #951b4e 0%, #9c2d3c 50%, #9a3412 100%);
  box-shadow: 0 8px 22px rgba(180, 35, 95, 0.22);
}
html[data-theme="light"] .btn-secondary {
  background: rgba(255, 252, 248, 0.75);
  border-color: rgba(14, 112, 104, 0.45);
  color: var(--vc-teal);
}
html[data-theme="light"] .btn-secondary:hover {
  background: var(--vc-aqua);
  border-color: var(--vc-teal);
  color: var(--vc-teal-hover);
}
html[data-theme="light"] .section-title::before { background: var(--vc-grad); }
html[data-theme="light"] .view-all { color: var(--vc-teal); }
html[data-theme="light"] .view-all:hover { color: var(--vc-teal-hover); }
html[data-theme="light"] .read-more { color: var(--accent-purple); }

html[data-theme="light"] .post-card-category,
html[data-theme="light"] .entry-category,
html[data-theme="light"] .related-cat,
html[data-theme="light"] .post-card-score { background: var(--accent-purple); color: #fff; }
html[data-theme="light"] .entry-tag { background: var(--vc-teal); color: #fff; }
html[data-theme="light"] .entry-tag:hover { background: var(--vc-teal-hover); }
html[data-theme="light"] .forum-feed-badge { background: var(--vc-teal); color: #fff; }

/* ---------- Cards & placeholders ---------- */
html[data-theme="light"] .post-card,
html[data-theme="light"] .forum-feed-item,
html[data-theme="light"] .category-card,
html[data-theme="light"] .cta-card,
html[data-theme="light"] .video-card {
  box-shadow: 0 2px 10px rgba(120, 60, 40, 0.05);
}
html[data-theme="light"] .post-card:hover {
  border-color: rgba(180, 35, 95, 0.35);
  box-shadow: 0 12px 30px rgba(120, 60, 40, 0.12);
}
html[data-theme="light"] .forum-feed-item:hover,
html[data-theme="light"] .category-card:hover {
  border-color: rgba(14, 112, 104, 0.4);
  background: var(--bg-card);
}
html[data-theme="light"] .gtapt-placeholder-image,
html[data-theme="light"] .forum-feed-placeholder,
html[data-theme="light"] .related-placeholder {
  background: linear-gradient(135deg, #ffd9c7 0%, #f9c6d6 48%, #bfe6e0 100%);
  color: #8a2a55;
  opacity: 1;
}
/* index.php "No Image" box uses an inline dark gradient */
html[data-theme="light"] .post-card-image a > div[style*="linear-gradient"] {
  background: linear-gradient(135deg, #ffd9c7 0%, #f9c6d6 48%, #bfe6e0 100%) !important;
  color: #8a2a55 !important;
}
html[data-theme="light"] .post-card-image,
html[data-theme="light"] .forum-feed-thumb,
html[data-theme="light"] .related-thumb { background: #fbe3d8; }
html[data-theme="light"] .category-icon { background: rgba(14, 112, 104, 0.1); }
html[data-theme="light"] .video-play { background: rgba(42, 24, 48, 0.45); }
html[data-theme="light"] .video-card:hover .video-play { background: rgba(180, 35, 95, 0.75); }

/* "Explorar a Comunidade" section (inline background var(--bg-secondary)) */
html[data-theme="light"] .section[style*="bg-secondary"] {
  background: linear-gradient(180deg, #e6f4f1 0%, #eef8f5 100%) !important;
}

/* CTA cards */
html[data-theme="light"] .cta-discord { background: linear-gradient(135deg, #fff1ea 0%, #fde6ee 100%); }
html[data-theme="light"] .cta-newsletter { background: linear-gradient(135deg, #eaf6f3 0%, #f4fbf9 100%); }
html[data-theme="light"] .newsletter-form input[type="email"] { background: #fffcf8; border-color: #e6cfc2; }
html[data-theme="light"] .newsletter-form input[type="email"]:focus { outline: 2px solid rgba(14, 112, 104, 0.35); border-color: var(--vc-teal); }

/* Team */
html[data-theme="light"] .team-strip-avatar,
html[data-theme="light"] .team-avatar { background: linear-gradient(135deg, #b4235f, #c2410c); }
html[data-theme="light"] .team-strip-item:nth-child(even) .team-strip-avatar { background: linear-gradient(135deg, #0e7068, #2a8f84); }
html[data-theme="light"] .team-role { background: rgba(180, 35, 95, 0.1); color: #951b4e; }
html[data-theme="light"] .team-role-mod { background: rgba(14, 112, 104, 0.1); color: var(--vc-teal-hover); }
html[data-theme="light"] .team-hero::before { background: radial-gradient(circle, rgba(240, 160, 113, 0.22), transparent 70%); }

/* ---------- Footer: soft aqua ---------- */
html[data-theme="light"] .site-footer {
  position: relative;
  background: linear-gradient(180deg, #e9f5f2 0%, #e2f1ed 100%);
  border-top: 0;
}
html[data-theme="light"] .site-footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--vc-grad-line);
  opacity: 0.7;
}
html[data-theme="light"] .site-footer a:hover { color: var(--accent-purple); }

/* ---------- Homepage: hero countdown panel (v2.7.6) ---------- */
html[data-theme="light"] .gtapt-cdp {
  --cdp-pink: #d6336c;
  --cdp-orange: #f0a071;
  --cdp-teal: #3fb5a6;
  --cdp-violet: #e27396;
  background:
    radial-gradient(120% 80% at 50% 0%, rgba(255, 214, 196, 0.55), transparent 60%),
    rgba(255, 250, 246, 0.72);
  box-shadow:
    0 18px 44px rgba(120, 60, 40, 0.16),
    0 0 24px rgba(226, 115, 150, 0.18);
}
html[data-theme="light"] .gtapt-cdp::after { box-shadow: inset 0 0 22px rgba(240, 160, 113, 0.14); }
html[data-theme="light"] .gtapt-cdp__wm { color: rgba(180, 35, 95, 0.07); }
html[data-theme="light"] .gtapt-cdp__kicker { color: var(--vc-teal); }
html[data-theme="light"] .gtapt-cdp__title {
  background: linear-gradient(90deg, #b4235f 0%, #c8365f 50%, #c2410c 100%);
  -webkit-background-clip: text;
  background-clip: text;
  filter: none;
}
html[data-theme="light"] .gtapt-cdp__unit {
  border-color: rgba(214, 51, 108, 0.35);
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 2px 10px rgba(120, 60, 40, 0.08);
}
html[data-theme="light"] .gtapt-cdp__unit:nth-child(2) { border-color: rgba(240, 160, 113, 0.55); }
html[data-theme="light"] .gtapt-cdp__unit:nth-child(3) { border-color: rgba(226, 115, 150, 0.5); }
html[data-theme="light"] .gtapt-cdp__unit:nth-child(4) { border-color: rgba(63, 181, 166, 0.55); box-shadow: 0 2px 10px rgba(14, 112, 104, 0.08); }
html[data-theme="light"] .gtapt-cdp__num {
  background: linear-gradient(180deg, #b4235f 0%, #c8365f 55%, #c2410c 100%);
  -webkit-background-clip: text;
  background-clip: text;
  filter: none;
}
html[data-theme="light"] .gtapt-cdp__label { color: #6b4a5a; }
html[data-theme="light"] .gtapt-cdp__progress { background: rgba(42, 24, 48, 0.1); }
html[data-theme="light"] .gtapt-cdp__bar { background: var(--vc-grad-line); box-shadow: none; }
html[data-theme="light"] .gtapt-cdp__meta { color: #4a3642; }
html[data-theme="light"] .gtapt-cdp__sep { color: #b4235f; }
html[data-theme="light"] .gtapt-cdp__btn { background: var(--vc-grad); box-shadow: 0 6px 16px rgba(180, 35, 95, 0.25); }
html[data-theme="light"] .gtapt-cdp__btn:focus-visible { outline-color: var(--vc-teal); }

/* ---------- Single article (v2.7.0 template) ---------- */
html[data-theme="light"] body.gtapt-article {
  --ga-violet: #0e7068;
  --ga-magenta: #b83a4b;
  --ga-pink: #b4235f;
  --ga-grad: linear-gradient(90deg, #b4235f 0%, #b83a4b 55%, #c2410c 100%);
  --ga-grad-v: linear-gradient(180deg, #b4235f 0%, #c2410c 100%);
  --ga-glass: rgba(255, 252, 248, 0.92);
  --ga-glass-strong: rgba(255, 252, 248, 0.97);
  --ga-glass-border: rgba(170, 90, 60, 0.15);
  --ga-soft: rgba(233, 130, 95, 0.06);
  --ga-soft-hover: rgba(233, 130, 95, 0.12);
  --ga-shadow: 0 12px 34px rgba(120, 60, 40, 0.08);
  background-color: var(--bg-primary);
  background-image:
    radial-gradient(1200px 600px at 85% 30%, rgba(255, 196, 170, 0.20), transparent 60%),
    radial-gradient(900px 500px at 5% 80%, rgba(150, 215, 205, 0.18), transparent 60%);
}
html[data-theme="light"] .gtapt-article-page .gtapt-keypoints {
  background: linear-gradient(135deg, #ffeee4 0%, #fdf1f2 50%, #e4f4f0 100%);
  border-color: rgba(14, 112, 104, 0.22);
}
html[data-theme="light"] .gtapt-article-page .gtapt-chip {
  background: rgba(14, 112, 104, 0.08);
  border-color: rgba(14, 112, 104, 0.28);
  color: var(--vc-teal);
}
html[data-theme="light"] .gtapt-article-page .gtapt-prose a { text-decoration-color: rgba(180, 35, 95, 0.4); }
html[data-theme="light"] .gtapt-article-page .gtapt-prose blockquote,
html[data-theme="light"] .gtapt-article-page .gtapt-prose .wp-block-pullquote {
  background: linear-gradient(135deg, #ffefe6, #e9f6f3);
}
html[data-theme="light"] .gtapt-article-page .gtapt-tag {
  background: rgba(14, 112, 104, 0.08);
  border-color: rgba(14, 112, 104, 0.3);
  color: var(--vc-teal-hover);
}
html[data-theme="light"] .gtapt-author__role { background: rgba(14, 112, 104, 0.1); }
html[data-theme="light"] .gtapt-article-page .gtapt-toc__item a.is-active {
  background: linear-gradient(90deg, rgba(14, 112, 104, 0.1), rgba(14, 112, 104, 0.03));
  border-color: var(--vc-teal);
  color: var(--text-primary);
}
html[data-theme="light"] .gtapt-toc__item a.is-active .gtapt-toc__num { color: var(--vc-teal); }
html[data-theme="light"] .gtapt-forumfeed__icon { background: rgba(14, 112, 104, 0.1); }
html[data-theme="light"] .gtapt-related__thumb,
html[data-theme="light"] .gtapt-mostread__thumb { background: #fbe3d8; }
html[data-theme="light"] .gtapt-thumb-ph {
  background: linear-gradient(135deg, #ffd9c7 0%, #f9c6d6 48%, #bfe6e0 100%);
  color: #8a2a55;
  text-shadow: none;
}
html[data-theme="light"] .gtapt-article-page .gtapt-related__card:hover { border-color: rgba(180, 35, 95, 0.35); }
html[data-theme="light"] .gtapt-comments input:focus,
html[data-theme="light"] .gtapt-comments textarea:focus {
  border-color: var(--vc-teal);
  box-shadow: 0 0 0 3px rgba(14, 112, 104, 0.15);
}
/* Discord promo: pastel instead of a saturated block */
html[data-theme="light"] .gtapt-discord {
  background: linear-gradient(135deg, #fde3ec 0%, #ffeede 50%, #dff2ee 100%);
  border: 1px solid #efd3cb;
  color: var(--text-primary);
  box-shadow: 0 12px 30px rgba(120, 60, 40, 0.1);
}
html[data-theme="light"] .gtapt-discord__logo { background: var(--vc-grad); color: #fff; }
html[data-theme="light"] .gtapt-article-page .gtapt-discord__title { color: var(--text-primary); }
html[data-theme="light"] .gtapt-discord__text { color: var(--text-secondary); }
html[data-theme="light"] .gtapt-article-page .gtapt-discord__btn { background: var(--vc-grad); color: #fff; }
html[data-theme="light"] .gtapt-article-page .gtapt-discord__btn:hover { background: linear-gradient(90deg, #951b4e, #9a3412); color: #fff; }

/* ---------- Generic content (pages, archives, search) ---------- */
html[data-theme="light"] .entry-content blockquote { background: var(--vc-peach); border-left-color: var(--vc-teal); }
html[data-theme="light"] .pagination .current,
html[data-theme="light"] .page-numbers.current { background: var(--vc-grad); color: #fff; border-color: transparent; }
html[data-theme="light"] .search-form input[type="search"],
html[data-theme="light"] .search-field { background: #fffcf8; border-color: #e6cfc2; color: var(--text-primary); }