/**
 * GTAPT Light Mode — GTA / Milk companion to dark.css
 * Applies only when html does NOT have .fd_dark (user light preference).
 * Palette mirrors dark mode: ink #2D2B4D, coral #F8A697, soft lilac surfaces.
 */

:root {
	--gta-ink: #2D2B4D;
	--gta-ink-soft: #4A4768;
	--gta-muted: #6B6888;
	--gta-coral: #F8A697;
	--gta-coral-hover: #F4B2A6;
	--gta-coral-deep: #E07A6A;
	--gta-page: #F3F1F8;
	--gta-surface: #FFFFFF;
	--gta-soft: #ECEAF4;
	--gta-row: #F8F7FC;
	--gta-border: #D8D5E8;
	--gta-border-strong: #C4C0D8;
	--gta-header: #2D2B4D;
}

/* ---------- Page ---------- */
html:not(.fd_dark) {
	background-color: var(--gta-page) !important;
	background-image: none !important;
}

html:not(.fd_dark) body {
	color: var(--gta-muted);
	background-color: transparent !important;
	background-image: none !important;
}

/* ---------- High-contrast text ---------- */
html:not(.fd_dark) h2,
html:not(.fd_dark) .panel-container h2,
html:not(.fd_dark) .tabs .activetab > a,
html:not(.fd_dark) .tabs .activetab > a:hover,
html:not(.fd_dark) .tabs .tab a:hover,
html:not(.fd_dark) .navigation .active-subsection a,
html:not(.fd_dark) .navigation .active-subsection a:hover,
html:not(.fd_dark) .navigation a:hover,
html:not(.fd_dark) h3,
html:not(.fd_dark) .content h2,
html:not(.fd_dark) .panel h2,
html:not(.fd_dark) .postbody .content,
html:not(.fd_dark) li.row strong,
html:not(.fd_dark) a.forumtitle,
html:not(.fd_dark) a.topictitle {
	color: var(--gta-ink) !important;
}

/* ---------- Subtle text ---------- */
html:not(.fd_dark) .copyright,
html:not(.fd_dark) ul.topiclist li,
html:not(.fd_dark) .panel,
html:not(.fd_dark) label,
html:not(.fd_dark) .signature,
html:not(.fd_dark) .postprofile,
html:not(.fd_dark) .content,
html:not(.fd_dark) .postbody,
html:not(.fd_dark) table.table1 td,
html:not(.fd_dark) .forumlist_grid .forum_description,
html:not(.fd_dark) .forumlist_grid_icons .forum_description {
	color: var(--gta-muted);
}

/* ---------- Surfaces (cards / rows / panels) ---------- */
html:not(.fd_dark) .navbar_o_header .navbar,
html:not(.fd_dark) .forabg,
html:not(.fd_dark) li.row,
html:not(.fd_dark) .bg1,
html:not(.fd_dark) .bg2,
html:not(.fd_dark) .bg3,
html:not(.fd_dark) .tabs .activetab > a,
html:not(.fd_dark) ul.cplist,
html:not(.fd_dark) .panel,
html:not(.fd_dark) .dropdown .dropdown-contents,
html:not(.fd_dark) .fancy_panel,
html:not(.fd_dark) .dropdown-extended .header,
html:not(.fd_dark) .forumlist_grid .grid_image_container,
html:not(.fd_dark) .forumlist_grid_icons .grid_image_container {
	background: var(--gta-surface) !important;
}

html:not(.fd_dark) #inner-wrap,
html:not(.fd_dark) .panel-container .panel,
html:not(.fd_dark) .cp-mini,
html:not(.fd_dark) .codebox,
html:not(.fd_dark) .codebox code,
html:not(.fd_dark) blockquote,
html:not(.fd_dark) .attachbox,
html:not(.fd_dark) .phpbb_alert,
html:not(.fd_dark) .cp-main .pm {
	background-color: var(--gta-soft) !important;
}

html:not(.fd_dark) .bg1 { background-color: var(--gta-surface) !important; }
html:not(.fd_dark) .bg2 { background-color: var(--gta-row) !important; }
html:not(.fd_dark) .bg3 { background-color: var(--gta-soft) !important; }

/* ---------- Navbar (outside header) ---------- */
html:not(.fd_dark).navbar_o_header .navbar,
html:not(.fd_dark) #page-header > .navbar {
	background: var(--gta-ink) !important;
	border-color: var(--gta-ink) !important;
}

html:not(.fd_dark) .navbar a,
html:not(.fd_dark) .navbar_in_header ul.linklist > li > a {
	color: #F0EEF8;
}

html:not(.fd_dark) .navbar a:hover {
	color: var(--gta-coral) !important;
}

/* ---------- Category / block headers ---------- */
html:not(.fd_dark) body.content_block_header_block li.header,
html:not(.fd_dark) body.content_block_header_stripe li.header:before,
html:not(.fd_dark) .forumbg-table,
html:not(.fd_dark) .sidebar_block_stripe:before,
html:not(.fd_dark) .fancy_panel:before {
	background: var(--gta-header) !important;
	border: 1px solid var(--gta-border-strong) !important;
	border-bottom: 1px solid var(--gta-ink) !important;
	box-shadow: 0 4px 14px rgba(45, 43, 77, 0.12) !important;
}

html:not(.fd_dark) body.content_block_header_block li.header a,
html:not(.fd_dark) li.header h2 a,
html:not(.fd_dark) .forumbg-table th a {
	color: #FFFFFF !important;
	text-shadow: none !important;
	font-weight: 500 !important;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

html:not(.fd_dark) body.content_block_header_block li.header a:hover,
html:not(.fd_dark) li.header h2 a:hover {
	color: #ffffff !important;
	text-shadow:
		0 0 6px rgba(255, 100, 255, 0.7),
		2px 2px 4px rgba(0, 0, 0, 0.7) !important;
}

/* Soften neon category glow at rest; glow returns on hover (same as dark/Peach) */
html:not(.fd_dark) body.content_block_header_block .forumbg .header a,
html:not(.fd_dark) body.content_block_header_block .forabg .header a,
html:not(.fd_dark) th a {
	color: #FFFFFF !important;
	text-shadow: none !important;
}

html:not(.fd_dark) body.content_block_header_block .forumbg .header a:hover,
html:not(.fd_dark) body.content_block_header_block .forabg .header a:hover,
html:not(.fd_dark) th a:hover,
html:not(.fd_dark) li.header dl.row-item dt .list-inner:hover,
html:not(.fd_dark) a.forumtitle:hover,
html:not(.fd_dark) a.topictitle:hover,
html:not(.fd_dark) a.postlink:hover,
html:not(.fd_dark) .navbar_footer a:hover,
html:not(.fd_dark) .copyright_bar a:hover {
	color: #ffffff !important;
	text-shadow:
		0 0 6px rgba(255, 100, 255, 0.7),
		2px 2px 4px rgba(0, 0, 0, 0.7) !important;
	transition: color 0.2s ease, text-shadow 0.2s ease;
}

/* ---------- Accents (coral) ---------- */
html:not(.fd_dark) a:hover,
html:not(.fd_dark) a.postlink,
html:not(.fd_dark) a.postlink:visited,
html:not(.fd_dark) .notification_unread,
html:not(.fd_dark) .topic_type,
html:not(.fd_dark) .tabs .activetab > a,
html:not(.fd_dark) .tabs .tab > a:hover,
html:not(.fd_dark) .navigation .active-subsection a,
html:not(.fd_dark) .navigation a:hover {
	color: var(--gta-coral-deep);
}

html:not(.fd_dark) a.postlink:hover {
	color: #ffffff !important;
	text-shadow:
		0 0 6px rgba(255, 100, 255, 0.7),
		2px 2px 4px rgba(0, 0, 0, 0.7) !important;
}

html:not(.fd_dark) .pagination li a:hover,
html:not(.fd_dark) .pagination li.active span,
html:not(.fd_dark) .pagination li a:focus,
html:not(.fd_dark) .jumpbox-cat-link,
html:not(.fd_dark) .dropdown-contents > li > a:hover,
html:not(.fd_dark) a.button1:hover,
html:not(.fd_dark) input.button1:hover,
html:not(.fd_dark) a.button2:hover,
html:not(.fd_dark) input.button2:hover,
html:not(.fd_dark) input.button3:hover,
html:not(.fd_dark) .specialbutton,
html:not(.fd_dark) input.specialbutton,
html:not(.fd_dark) a.specialbutton,
html:not(.fd_dark) .scrollToTop,
html:not(.fd_dark) .badge,
html:not(.fd_dark) .grid_unread {
	background: var(--gta-coral) !important;
	color: var(--gta-ink) !important;
	border-color: var(--gta-coral) !important;
	box-shadow: 0 2px 8px rgba(248, 166, 151, 0.45);
}

html:not(.fd_dark) a.scrollToTop:hover,
html:not(.fd_dark) input.specialbutton:hover,
html:not(.fd_dark) a.specialbutton:hover {
	background-color: var(--gta-coral-hover) !important;
	border-color: var(--gta-coral-hover) !important;
	color: var(--gta-ink) !important;
}

html:not(.fd_dark) .pagination li a:hover,
html:not(.fd_dark) .pagination li.active span,
html:not(.fd_dark) blockquote,
html:not(.fd_dark) .codebox code,
html:not(.fd_dark) a.postlink,
html:not(.fd_dark) .button:hover,
html:not(.fd_dark) .button:focus,
html:not(.fd_dark) .inputbox:hover,
html:not(.fd_dark) .inputbox:focus {
	border-color: var(--gta-coral);
}

/* ---------- Borders ---------- */
html:not(.fd_dark) li.row {
	border: 1px solid var(--gta-border) !important;
	border-bottom: 1px solid var(--gta-border-strong) !important;
}

html:not(.fd_dark) li.row:hover {
	background: #F0EDF8 !important;
}

html:not(.fd_dark) ul.topiclist dd,
html:not(.fd_dark) .postprofile,
html:not(.fd_dark) .signature,
html:not(.fd_dark) hr,
html:not(.fd_dark) .inputbox,
html:not(.fd_dark) .button,
html:not(.fd_dark) select,
html:not(.fd_dark) .dropdown li,
html:not(.fd_dark) .panel-container .panel li.row {
	border-color: var(--gta-border);
}

html:not(.fd_dark) .panel-container .panel li.row {
	border-bottom-color: var(--gta-page);
	background-color: var(--gta-surface);
}

/* ---------- Forms / buttons ---------- */
html:not(.fd_dark) .inputbox,
html:not(.fd_dark) .button,
html:not(.fd_dark) a.button1,
html:not(.fd_dark) input.button1,
html:not(.fd_dark) input.button3,
html:not(.fd_dark) a.button2,
html:not(.fd_dark) input.button2,
html:not(.fd_dark) .pagination li a,
html:not(.fd_dark) select {
	background: var(--gta-surface);
	color: var(--gta-ink-soft);
	border-color: var(--gta-border);
}

html:not(.fd_dark) .button:hover,
html:not(.fd_dark) a.button1:hover,
html:not(.fd_dark) input.button1:hover,
html:not(.fd_dark) a.button2:hover,
html:not(.fd_dark) input.button2:hover,
html:not(.fd_dark) input.button3:hover {
	background: var(--gta-coral) !important;
	color: var(--gta-ink) !important;
}

/* ---------- Sticky / reported ---------- */
html:not(.fd_dark) li.row.bg1.sticky,
html:not(.fd_dark) li.row.bg2.sticky {
	background-color: #EDE9F8 !important;
}

html:not(.fd_dark) li.row.bg1.sticky:hover,
html:not(.fd_dark) li.row.bg2.sticky:hover {
	background-color: #E4DFF5 !important;
}

html:not(.fd_dark) li.row.reported,
html:not(.fd_dark) p.post-notice,
html:not(.fd_dark) .rules {
	background-color: rgba(224, 122, 106, 0.15) !important;
	color: var(--gta-coral-deep);
}

/* ---------- Subforums / misc ---------- */
html:not(.fd_dark) .sub-forumlist-label,
html:not(.fd_dark) .sub-forumlist a.subforum {
	color: var(--gta-ink-soft);
}

html:not(.fd_dark) .sub-forumlist a.subforum.unread,
html:not(.fd_dark) .sub-forumlist a.subforum .notification_unread {
	color: var(--gta-coral-deep);
}

html:not(.fd_dark) .dropdown .pointer-inner,
html:not(.fd_dark) .jumpbox .dropdown .pointer-inner {
	border-color: var(--gta-surface) transparent;
}

html:not(.fd_dark) .badge {
	border: 1px solid var(--gta-surface);
	color: var(--gta-ink) !important;
}

/* ---------- Topic + username hover glow (match Peach / dark) ---------- */
html:not(.fd_dark) a.topictitle:hover,
html:not(.fd_dark) a.lastsubject:hover,
html:not(.fd_dark) a.username:hover,
html:not(.fd_dark) .username-coloured:hover,
html:not(.fd_dark) a.username-coloured:hover,
html:not(.fd_dark) .postprofile a:hover,
html:not(.fd_dark) .postprofile dt.author a:hover,
html:not(.fd_dark) .search .postprofile a:hover,
html:not(.fd_dark) .postbody .author a:hover,
html:not(.fd_dark) li.row .username-coloured:hover,
html:not(.fd_dark) li.row a.username:hover,
html:not(.fd_dark) dd.lastpost a:hover,
html:not(.fd_dark) .statistics_panel a:hover {
	color: #ffffff !important;
	text-shadow:
		0 0 6px rgba(255, 100, 255, 0.7),
		2px 2px 4px rgba(0, 0, 0, 0.7) !important;
	transition: color 0.2s ease, text-shadow 0.2s ease;
}