/**
 * Privacy Policy Page Styles
 * WordPress Expert v2.0 - Thomas ERIKSSON
 *
 * @package Forever_BE_Premium
 * @since 2.0.0
 *
 * This file contains non-critical CSS for the privacy policy page.
 * Critical CSS is inlined in the template for performance.
 */

/* ==========================================================================
   Table Responsive Wrapper
   ========================================================================== */

.table-responsive {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin: 1.5rem 0;
}

.table-responsive::-webkit-scrollbar {
	height: 8px;
}

.table-responsive::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 4px;
}

.table-responsive::-webkit-scrollbar-thumb {
	background: var(--flp-green, #1e5a3e);
	border-radius: 4px;
}

/* ==========================================================================
   Print Styles
   ========================================================================== */

@media print {
	.privacy-hero {
		background: none !important;
		color: #000 !important;
		padding: 2rem 0 !important;
	}

	.privacy-hero::before {
		display: none !important;
	}

	.privacy-badge {
		background: #f0f0f0 !important;
		color: #000 !important;
	}

	.privacy-section {
		break-inside: avoid;
		page-break-inside: avoid;
	}

	.dpo-section {
		background: #f0f0f0 !important;
		color: #000 !important;
	}

	.dpo-btn {
		border: 1px solid #000 !important;
		color: #000 !important;
	}

	.trust-card {
		border: 1px solid #ccc !important;
	}
}

/* ==========================================================================
   High Contrast Mode Support
   ========================================================================== */

@media (prefers-contrast: high) {
	.privacy-hero {
		background: #000 !important;
	}

	.privacy-badge {
		border: 2px solid #fff;
	}

	.trust-card {
		border: 2px solid #000;
	}

	.privacy-section {
		border: 2px solid #000;
	}

	.section-number {
		border: 2px solid #fff;
	}
}

/* ==========================================================================
   Dark Mode Support
   ========================================================================== */

@media (prefers-color-scheme: dark) {
	.privacy-content {
		background: #1a1a2e;
	}

	.privacy-section {
		background: #16213e;
		border-color: #0f3460;
	}

	.section-header {
		background: linear-gradient(90deg, #0f3460, #16213e);
	}

	.section-body {
		color: #e0e0e0;
	}

	.section-body p,
	.section-body ul li {
		color: #c0c0c0;
	}

	.trust-card {
		background: #16213e;
		border-color: #0f3460;
	}

	.trust-title {
		color: #4ade80;
	}

	.trust-desc {
		color: #a0a0a0;
	}

	.data-table th {
		background: #0f3460;
	}

	.data-table td {
		border-color: #0f3460;
		color: #c0c0c0;
	}

	.data-table tr:nth-child(even) {
		background: #1a1a2e;
	}

	.data-table tr:hover {
		background: #0f3460;
	}

	.highlight-box {
		background: linear-gradient(135deg, #0f3460, #16213e);
		border-left-color: #4ade80;
	}

	.highlight-box p {
		color: #a0e0a0;
	}

	.right-card {
		background: #16213e;
		border-color: #0f3460;
	}

	.right-card:hover {
		background: #0f3460;
		border-color: #4ade80;
	}

	.right-title {
		color: #4ade80;
	}

	.right-desc {
		color: #a0a0a0;
	}

	.update-banner {
		background: #2d3748;
		border-color: #fbbf24;
	}

	.update-banner-content strong {
		color: #fbbf24;
	}

	.update-banner-content span {
		color: #e0e0e0;
	}
}

/* ==========================================================================
   Reduced Motion Preferences
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
	.privacy-hero::before {
		animation: none;
	}

	.trust-card,
	.right-card,
	.dpo-btn {
		transition: none;
	}

	.trust-card:hover,
	.right-card:hover {
		transform: none;
	}
}

/* ==========================================================================
   Focus Styles for Accessibility
   ========================================================================== */

.dpo-btn:focus,
.section-header:focus {
	outline: 3px solid var(--flp-gold, #fbbf24);
	outline-offset: 2px;
}

.dpo-btn:focus-visible,
.section-header:focus-visible {
	outline: 3px solid var(--flp-gold, #fbbf24);
	outline-offset: 2px;
}

/* ==========================================================================
   Skip Link Target
   ========================================================================== */

#primary:target {
	scroll-margin-top: 100px;
}

/* ==========================================================================
   DARK MODE - html.dark CLASS
   ========================================================================== */
html.dark .privacy-hero {
	background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
}

html.dark .privacy-content {
	background: #0f172a;
	color: #f1f5f9;
}

html.dark .trust-card,
html.dark .right-card,
html.dark .section-card {
	background: #1e293b;
	border-color: #475569;
}

html.dark .trust-card:hover,
html.dark .right-card:hover,
html.dark .section-card:hover {
	border-color: #006241;
	box-shadow: 0 4px 20px rgba(0, 98, 65, 0.2);
}

html.dark .trust-card h3,
html.dark .right-card h3,
html.dark .section-card h3,
html.dark .section-header {
	color: #f1f5f9;
}

html.dark .trust-card p,
html.dark .right-card p,
html.dark .section-card p {
	color: #cbd5e1;
}

html.dark .trust-icon,
html.dark .right-icon {
	background: rgba(0, 98, 65, 0.2);
	color: #D4A853;
}

html.dark .dpo-section {
	background: #1e293b;
}

html.dark .dpo-btn {
	background: #006241;
	color: #ffffff;
}

html.dark .dpo-btn:hover {
	background: #004d33;
}

html.dark .highlight-box {
	background: rgba(0, 98, 65, 0.15);
	border-color: #006241;
	color: #d4edda;
}

html.dark .toc-nav {
	background: #1e293b;
}

html.dark .toc-nav a {
	color: #94a3b8;
}

html.dark .toc-nav a:hover {
	background: rgba(0, 98, 65, 0.2);
	color: #D4A853;
}

html.dark a {
	color: #D4A853;
}

html.dark a:hover {
	color: #f0d78c;
}