/*
Theme Name: SSS TikTok Downloader
Theme URI: https://example.com/ssstiktok-downloader
Author: NQT
Author URI: https://nqtno1.com
Description: A fast multilingual TikTok downloader theme designed to work with the Multilingual TikTok Downloader plugin.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ssstiktok-downloader
*/

html {
	box-sizing: border-box;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

body {
	margin: 0;
	color: #1e293b;
	background: #ffffff;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

img,
video {
	max-width: 100%;
	height: auto;
}

a {
	color: inherit;
}

.tld-content-page {
	min-height: 100vh;
	padding: 56px 0;
	background: #f7f9fc;
}

.tld-page-shell {
	width: min(880px, calc(100% - 32px));
	margin: 0 auto;
	padding: 32px;
	background: #fff;
	border: 1px solid #e6e9f0;
	border-radius: 8px;
	box-shadow: 0 16px 44px rgba(15, 23, 42, 0.06);
}

.tld-page-shell h1 {
	margin: 0 0 18px;
	font-size: 2.2rem;
	line-height: 1.15;
	letter-spacing: 0;
}

.tld-page-shell h2 {
	margin-top: 28px;
	letter-spacing: 0;
}

.tld-page-shell p,
.tld-page-shell li {
	color: #4b5567;
	line-height: 1.7;
}

.tld-plugin-missing {
	display: grid;
	place-items: center;
	min-height: 100vh;
	padding: 24px;
	background:
		linear-gradient(135deg, rgba(37, 99, 235, 0.96), rgba(59, 130, 246, 0.9) 58%, rgba(96, 165, 250, 0.85)),
		#2563eb;
}

.tld-plugin-missing-panel {
	width: min(680px, 100%);
	padding: 32px;
	color: #111827;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 24px 70px rgba(19, 3, 43, 0.28);
}

.tld-plugin-missing-panel h1 {
	margin: 0 0 12px;
	font-size: 1.8rem;
	line-height: 1.2;
	letter-spacing: 0;
}

.tld-plugin-missing-panel p {
	margin: 0;
	color: #5c667a;
	line-height: 1.7;
}

@media (max-width: 640px) {
	.tld-page-shell {
		padding: 22px;
	}

	.tld-page-shell h1 {
		font-size: 1.8rem;
	}
}