/**
 * تصميم ثيم TNT EDU
 * يعتمد على متغيرات ومكونات الإضافة (tokens.css / components.css / portal.css)
 * ويضيف فقط ما يخص الموقع العام: القائمة، الصفحة الرئيسية، الأقسام، التذييل، المقالات
 */

body.tnt-page { margin: 0; background: var(--tnt-bg, #f4f6fb); font-family: var(--tnt-font, Tahoma, sans-serif); }
.tnt-site { min-height: 100vh; display: flex; flex-direction: column; }
.tnt-site__main { flex: 1; }
.skip-link:focus { position: fixed; top: 8px; inset-inline-start: 8px; z-index: 1000; background: #fff; padding: 10px 16px; border-radius: 8px; }

/* ========== الرأس: أبيض ثابت أعلى الصفحة، ويظهر ظله عند التمرير (navigation.js يضيف is-scrolled) ========== */
.tnt .tnt-topbar { background: rgba(255, 255, 255, .97); backdrop-filter: blur(12px); border-bottom: 1px solid var(--tnt-border); transition: box-shadow .25s, border-color .25s; }
.tnt .tnt-topbar::after { content: ""; position: absolute; inset-inline: 0; bottom: -1px; height: 2px; background: linear-gradient(90deg, transparent, var(--tnt-gold), transparent); opacity: 0; transition: opacity .25s; }
/* المدير المسجل دخوله: الرأس تحت شريط ووردبريس العلوي لا خلفه */
body.admin-bar .tnt .tnt-topbar { top: 32px; }
@media screen and (max-width: 782px) { body.admin-bar .tnt .tnt-topbar { top: 46px; } }
@media screen and (max-width: 600px) { body.admin-bar .tnt .tnt-topbar { top: 0; } }
.tnt .tnt-topbar.is-scrolled { box-shadow: 0 10px 30px -14px rgba(var(--tnt-navy-900-rgb), .28); border-color: transparent; }
.tnt .tnt-topbar.is-scrolled::after { opacity: 1; }
/* ارتفاع الرأس ثابت عند التمرير: تصغيره كان يزيح الصفحة فيعود التمرير تحت الحد ويكبر الرأس من جديد (ارتجاف).
   التصغير الآن بصري فقط (transform لا يغيّر التخطيط) */
.tnt .tnt-brand { color: var(--tnt-navy-900); }
.tnt .tnt-brand img { max-height: 50px; transform-origin: right center; transition: transform .25s; }
[dir="ltr"] .tnt .tnt-brand img { transform-origin: left center; }
.tnt .tnt-topbar.is-scrolled .tnt-brand img { transform: scale(.86); }
.tnt .tnt-brand__mark { width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; background: var(--tnt-btn-primary-bg); color: var(--tnt-gold); }

/* ========== القائمة الرئيسية ========== */
.tnt .tnt-site-nav { display: flex; align-items: center; gap: 18px; }
.tnt .tnt-nav { list-style: none; margin: 0; padding: 0; display: flex; gap: 4px; align-items: center; }
.tnt .tnt-nav li { position: relative; }
.tnt .tnt-nav a { position: relative; display: block; white-space: nowrap; color: var(--tnt-text-2); font-weight: 700; font-size: 14.5px; padding: 9px 13px; border-radius: 9px; transition: .15s; }
.tnt .tnt-nav a:hover { color: var(--tnt-navy-900); background: var(--tnt-primary-50); }
.tnt .tnt-nav .current-menu-item > a { color: var(--tnt-navy-900); }
.tnt .tnt-nav > .current-menu-item > a::after { content: ""; position: absolute; inset-inline: 13px; bottom: 2px; height: 2px; border-radius: 2px; background: var(--tnt-gold); }
.tnt .tnt-nav .sub-menu { list-style: none; margin: 0; padding: 8px; position: absolute; top: 100%; inset-inline-start: 0; min-width: 200px; background: #fff; border: 1px solid var(--tnt-border); border-radius: 12px; box-shadow: var(--tnt-shadow-lg); opacity: 0; visibility: hidden; transform: translateY(6px); transition: .18s; }
.tnt .tnt-nav li:hover > .sub-menu, .tnt .tnt-nav li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.tnt .tnt-menu-toggle { display: none; flex-shrink: 0; width: 44px; height: 44px; place-items: center; padding: 0; border-radius: 13px; background: var(--tnt-surface-2); border: 1px solid var(--tnt-border); color: var(--tnt-navy-900); cursor: pointer; transition: .15s; }
.tnt .tnt-menu-toggle:hover, .tnt .tnt-menu-toggle[aria-expanded="true"] { background: var(--tnt-primary-50); border-color: rgba(var(--tnt-gold-rgb), .55); color: var(--tnt-gold-600); }

/* جرس الإشعارات في الرأس الأبيض (القائمة والسلوك من الإضافة: portal/header.css و shell.js) */
/* الترتيب: الشعار | القائمة في الوسط | الجرس وزر الحساب متجاوران في الطرف */
.tnt .tnt-topbar__inner { justify-content: flex-start; gap: 10px; }
/* القائمة تأخذ المساحة بين الشعار والأزرار، وروابطها في المنتصف، وأزرار الزائر في الطرف */
@media (min-width: 901px) {
	.tnt .tnt-topbar__inner { gap: 24px; }
	.tnt .tnt-topbar .tnt-site-nav { flex: 1; margin: 0; gap: 16px; }
	.tnt .tnt-topbar .tnt-nav { margin-inline: auto; gap: 6px; }
	.tnt .tnt-topbar .tnt-site-nav__actions { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
	.tnt .tnt-topbar .tnt-site-nav__actions .tnt-btn { padding-inline: 14px; }
}
.tnt .tnt-topbar .tnt-bell { flex-shrink: 0; }
@media (max-width: 900px) {
	.tnt .tnt-topbar .tnt-bell { margin-inline-start: auto; }
	.tnt .tnt-topbar .tnt-bell + .tnt-account { margin-inline-start: 0; }
}
.tnt .tnt-topbar .tnt-bell .tnt-top__icon { width: 46px; height: 46px; border-radius: 14px; background: var(--tnt-surface-2); border-color: var(--tnt-border); color: var(--tnt-navy-800); }
.tnt .tnt-topbar .tnt-bell .tnt-top__icon:hover, .tnt .tnt-topbar .tnt-bell.is-open .tnt-top__icon, .tnt .tnt-topbar .tnt-bell .tnt-top__icon.is-active { background: var(--tnt-primary-50); border-color: rgba(var(--tnt-gold-rgb), .55); color: var(--tnt-gold-600); }
.tnt .tnt-topbar .tnt-top__dot { box-shadow: 0 0 0 2px #fff; background: var(--tnt-danger); color: #fff; }
.tnt .tnt-topbar .tnt-bell__panel { position: absolute; top: calc(100% + 12px); inset-inline-end: 0; z-index: 60; }
@media (max-width: 480px) {
	.tnt .tnt-topbar .tnt-bell { position: static; }
	.tnt .tnt-topbar .tnt-bell__panel { inset-inline: 12px; width: auto; max-width: none; }
}

/* شعار التذييل: أبيض ومتوسط في عموده (الخلفية الكحلية تخفي ألوانه الأصلية) */
.tnt .tnt-site-footer__about-col { display: flex; flex-direction: column; align-items: center; text-align: center; }
.tnt .tnt-site-footer .tnt-brand { display: inline-flex; }
/* الشعار نفسه أبيض على الخلفية الكحلية (يحوّل كل ألوانه للأبيض مع الحفاظ على الشفافية) */
.tnt .tnt-site-footer .tnt-brand img { max-height: 84px; display: block; filter: brightness(0) invert(1); }

/* زر الحساب على الخلفية البيضاء (التصميم الأساسي في account-menu.css) */
.tnt .tnt-topbar .tnt-account__toggle { background: var(--tnt-surface-2); border-color: var(--tnt-border); color: var(--tnt-navy-900); }
.tnt .tnt-topbar .tnt-account__toggle:hover, .tnt .tnt-topbar .tnt-account.is-open .tnt-account__toggle { background: var(--tnt-primary-50); border-color: rgba(var(--tnt-gold-rgb), .55); }
.tnt .tnt-topbar .tnt-account__who small { color: var(--tnt-gold-600); }
.tnt .tnt-topbar .tnt-account__chev { color: var(--tnt-muted); }
.tnt .tnt-topbar .tnt-account__badge { box-shadow: 0 0 0 2px #fff; }

/* زر محدد على الخلفيات الداكنة */
.tnt .tnt-btn--on-dark { background: rgba(255, 255, 255, .08); color: #fff; border-color: rgba(255, 255, 255, .25); }
.tnt .tnt-btn--on-dark:hover { background: rgba(255, 255, 255, .16); color: #fff; border-color: rgba(255, 255, 255, .45); }

/* ========== البطل في الصفحة الرئيسية ========== */
.tnt .tnt-hero-home { background: var(--tnt-gradient-hero); color: #fff; padding: 70px 0 120px; position: relative; overflow: hidden; }
.tnt .tnt-hero-home::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(255, 255, 255, .07) 1px, transparent 1px); background-size: 24px 24px; mask-image: linear-gradient(to bottom, #000, transparent); }
.tnt .tnt-hero-home__grid { position: relative; display: grid; grid-template-columns: 1.15fr .85fr; gap: 40px; align-items: center; }
.tnt .tnt-hero-home h1 { color: #fff; font-size: clamp(30px, 4.6vw, 52px); font-weight: 800; line-height: 1.3; margin: 16px 0; letter-spacing: -.5px; }
.tnt .tnt-hero-home p { color: rgba(255, 255, 255, .76); font-size: 17px; max-width: 560px; margin-bottom: 28px; }
.tnt .tnt-hero-home__art { position: relative; height: 340px; }
.tnt .tnt-hero-card { position: absolute; display: flex; flex-direction: column; gap: 6px; padding: 22px; width: 220px; border-radius: 20px; background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .14); backdrop-filter: blur(10px); box-shadow: 0 24px 48px -20px rgba(0, 0, 0, .5); animation: tnt-float 6s ease-in-out infinite; }
.tnt .tnt-hero-card .tnt-icon { color: var(--tnt-gold); }
.tnt .tnt-hero-card strong { font-size: 17px; }
.tnt .tnt-hero-card span { font-size: 13px; color: rgba(255, 255, 255, .65); }
.tnt .tnt-hero-card--a { top: 0; inset-inline-start: 10%; }
.tnt .tnt-hero-card--b { top: 120px; inset-inline-end: 0; animation-delay: -2s; }
.tnt .tnt-hero-card--c { bottom: 0; inset-inline-start: 0; animation-delay: -4s; }
@keyframes tnt-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }

/* ========== شريط الإحصائيات ========== */
.tnt .tnt-stats-home { position: relative; margin-top: -60px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.tnt .tnt-stat-home { background: var(--tnt-surface); border: 1px solid var(--tnt-border); border-radius: var(--tnt-radius-lg); padding: 22px; box-shadow: var(--tnt-shadow); display: flex; flex-direction: column; gap: 4px; }
.tnt .tnt-stat-home__icon { width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; background: var(--tnt-primary-50); color: var(--tnt-primary); margin-bottom: 8px; }
.tnt .tnt-stat-home strong { font-size: 30px; font-weight: 800; letter-spacing: -.5px; }
.tnt .tnt-stat-home > span:last-child { color: var(--tnt-muted); font-size: 14px; }

/* ========== الأقسام ========== */
.tnt .tnt-section { padding: 70px 0; }
.tnt .tnt-section--soft { background: var(--tnt-surface); border-block: 1px solid var(--tnt-border); }
.tnt .tnt-section__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 30px; flex-wrap: wrap; }
.tnt .tnt-section__head--center { justify-content: center; text-align: center; }
.tnt .tnt-section__head h2 { font-size: clamp(24px, 3vw, 32px); font-weight: 800; }
.tnt .tnt-section__eyebrow { display: inline-block; color: var(--tnt-gold-600); font-weight: 700; font-size: 14px; margin-bottom: 6px; }

.tnt .tnt-features { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.tnt .tnt-feature { padding: 26px; border-radius: var(--tnt-radius-lg); background: var(--tnt-surface-2); border: 1px solid var(--tnt-border); transition: .2s var(--tnt-ease); }
.tnt .tnt-feature:hover { transform: translateY(-4px); box-shadow: var(--tnt-shadow); background: var(--tnt-surface); }
.tnt .tnt-feature__icon { width: 52px; height: 52px; border-radius: 16px; display: grid; place-items: center; background: linear-gradient(135deg, var(--tnt-navy-800), var(--tnt-primary)); color: #fff; margin-bottom: 16px; }
.tnt .tnt-feature h3 { font-size: 17px; font-weight: 800; margin-bottom: 8px; }
.tnt .tnt-feature p { color: var(--tnt-text-2); font-size: 14.5px; }

/* صندوق التحقق من الشهادة */
.tnt .tnt-verify-box { display: grid; grid-template-columns: 1fr 1.1fr; gap: 30px; align-items: center; padding: 36px; border-radius: 24px; background: linear-gradient(135deg, var(--tnt-gold-50), #fff); border: 1px solid #efe2bf; }
.tnt .tnt-verify-box h2 { font-size: 26px; font-weight: 800; margin-bottom: 6px; }
.tnt .tnt-verify-box p { color: var(--tnt-text-2); }
.tnt .tnt-verify-box__form { display: flex; gap: 10px; }
.tnt .tnt-verify-box__form .tnt-input { flex: 1; }

/* الدعوة للتسجيل */
.tnt .tnt-cta { background: var(--tnt-gradient-hero); color: #fff; padding: 56px 0; }
.tnt .tnt-cta__inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.tnt .tnt-cta h2 { color: #fff; font-size: 28px; font-weight: 800; }
.tnt .tnt-cta p { color: rgba(255, 255, 255, .75); margin-top: 6px; }

/* ========== التذييل ========== */
.tnt .tnt-site-footer { background: var(--tnt-navy-950); color: rgba(255, 255, 255, .7); padding-top: 54px; }
.tnt .tnt-site-footer__grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 36px; padding-bottom: 40px; }
.tnt .tnt-site-footer h3 { color: #fff; font-size: 16px; font-weight: 800; margin-bottom: 14px; }
.tnt .tnt-site-footer__about { margin-top: 16px; font-size: 14.5px; max-width: 380px; }
.tnt .tnt-footer-links { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.tnt .tnt-footer-links a, .tnt .tnt-social a { color: rgba(255, 255, 255, .72); display: inline-flex; gap: 8px; align-items: center; font-size: 14.5px; }
.tnt .tnt-footer-links a:hover, .tnt .tnt-social a:hover { color: var(--tnt-gold); }
.tnt .tnt-social { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
/* أيقونات شعارات الشبكات (inc/brand-icons.php): مربعات مستديرة تأخذ لون الشبكة عند المرور */
.tnt .tnt-social a.tnt-social__link { --tnt-brand: var(--tnt-gold); width: 40px; height: 40px; border-radius: 12px; justify-content: center; background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .12); color: rgba(255, 255, 255, .85); transition: background .2s, color .2s, border-color .2s, transform .2s; }
.tnt .tnt-social a.tnt-social__link:hover { background: var(--tnt-brand); border-color: var(--tnt-brand); color: #fff; transform: translateY(-2px); }
.tnt .tnt-social__link--x { --tnt-brand: #000; }
.tnt .tnt-social__link--instagram { --tnt-brand: #e1306c; }
.tnt .tnt-social__link--snapchat { --tnt-brand: #f7c600; }
.tnt .tnt-social__link--tiktok { --tnt-brand: #111; }
.tnt .tnt-social__link--youtube { --tnt-brand: #ff0000; }
.tnt .tnt-social__link--telegram { --tnt-brand: #229ed9; }
.tnt .tnt-social__link--linkedin { --tnt-brand: #0a66c2; }
.tnt .tnt-social__link--facebook { --tnt-brand: #1877f2; }
.tnt .tnt-brand-icon { flex-shrink: 0; }
.tnt .tnt-site-footer__bottom { border-top: 1px solid rgba(255, 255, 255, .08); text-align: center; padding: 18px; font-size: 13px; color: rgba(255, 255, 255, .5); }

/* ========== المقالات والصفحات ========== */
.tnt .tnt-container--content { max-width: 860px; }
.tnt .tnt-entry__thumb img { width: 100%; height: auto; display: block; }
.tnt .tnt-prose { font-size: 16.5px; line-height: 2; color: var(--tnt-text); }
.tnt .tnt-prose > * + * { margin-top: 1em; }
.tnt .tnt-prose h2, .tnt .tnt-prose h3 { margin-top: 1.6em; font-weight: 800; }
.tnt .tnt-prose a { text-decoration: underline; }
.tnt .tnt-prose img { max-width: 100%; height: auto; border-radius: 12px; }
.tnt .tnt-posts { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 22px; }
.tnt .tnt-post-card { background: var(--tnt-surface); border: 1px solid var(--tnt-border); border-radius: var(--tnt-radius-lg); overflow: hidden; box-shadow: var(--tnt-shadow-sm); transition: .2s var(--tnt-ease); }
.tnt .tnt-post-card:hover { transform: translateY(-3px); box-shadow: var(--tnt-shadow); }
.tnt .tnt-post-card__thumb { display: grid; place-items: center; aspect-ratio: 16 / 9; background: var(--tnt-primary-50); color: var(--tnt-primary); overflow: hidden; }
.tnt .tnt-post-card__thumb img { width: 100%; height: 100%; object-fit: cover; }
.tnt .tnt-post-card__body { padding: 18px 20px 22px; }
.tnt .tnt-post-card__title { font-size: 18px; font-weight: 800; line-height: 1.6; margin: 8px 0; }
.tnt .tnt-post-card__title a { color: var(--tnt-text); }
.tnt .tnt-post-card__title a:hover { color: var(--tnt-primary); }
.tnt .tnt-post-card__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; }
.tnt .tnt-post-card__meta > * + *::before { content: "·"; margin-inline-end: 12px; color: var(--tnt-border-strong); }
.tnt .tnt-post-card__cat { font-size: 12.5px; font-weight: 700; color: var(--tnt-gold-600); }
/* شريط المشاركة والعودة أسفل المقال (content-single.php) */
.tnt .tnt-entry__footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; padding: 18px 22px; border-top: 1px solid var(--tnt-border); }
.tnt .tnt-share { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.tnt .tnt-share__label { font-weight: 700; font-size: 14px; color: var(--tnt-text-2); margin-inline-end: 4px; }
.tnt .tnt-share__link {
	--tnt-brand: var(--tnt-primary); width: 38px; height: 38px; display: inline-grid; place-items: center; border-radius: 11px; cursor: pointer;
	border: 1px solid var(--tnt-border); background: var(--tnt-surface); color: var(--tnt-text-2); transition: background .2s, color .2s, border-color .2s, transform .2s;
}
.tnt .tnt-share__link.tnt-social__link--whatsapp { --tnt-brand: #25d366; }
.tnt .tnt-share__link:hover, .tnt .tnt-share__link:focus-visible { background: var(--tnt-brand); border-color: var(--tnt-brand); color: #fff; transform: translateY(-2px); outline: none; }
.tnt .tnt-share__copy.is-done { --tnt-brand: var(--tnt-success); background: var(--tnt-success); border-color: var(--tnt-success); color: #fff; }
.tnt .tnt-related { padding-bottom: 20px; }
.tnt .tnt-post-card p { color: var(--tnt-text-2); font-size: 14.5px; }
.tnt .tnt-wp-pagination .nav-links { display: flex; justify-content: center; gap: 6px; padding: 14px; }
.tnt .tnt-wp-pagination .page-numbers { min-width: 38px; height: 38px; display: inline-grid; place-items: center; border-radius: 9px; border: 1px solid var(--tnt-border); padding: 0 10px; }
.tnt .tnt-wp-pagination .current { background: var(--tnt-primary); color: #fff; border-color: var(--tnt-primary); }

/* ========== البحث، التنقل بين المقالات، الودجات ========== */
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }
.tnt .tnt-search-form { display: flex; gap: 10px; max-width: 520px; margin: 0 auto; }
.tnt .tnt-search-form .tnt-input { flex: 1; }
.tnt .tnt-search-bar { padding: 16px; margin-bottom: 22px; }
.tnt .tnt-pagination-wrap { margin-top: 22px; }
.tnt .tnt-post-nav .nav-links { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 20px; }
.tnt .tnt-post-nav .nav-links a { display: flex; flex-direction: column; gap: 4px; padding: 16px 18px; border-radius: var(--tnt-radius-lg); background: var(--tnt-surface); border: 1px solid var(--tnt-border); color: var(--tnt-text); font-weight: 700; }
.tnt .tnt-post-nav .nav-next { text-align: end; }
.tnt .tnt-page-links { margin-top: 20px; display: flex; gap: 8px; align-items: center; }

/* ========== الأزرار العائمة: واتساب والعودة للأعلى (floating-actions.php) ========== */
.tnt .tnt-float { position: fixed; inset-inline-end: 22px; bottom: 22px; z-index: 60; display: grid; gap: 12px; justify-items: center; }
.tnt .tnt-float__btn {
	position: relative; width: 54px; height: 54px; border-radius: 50%; border: 0; cursor: pointer; display: grid; place-items: center;
	text-decoration: none; transition: transform .2s, box-shadow .2s, opacity .25s, visibility .25s;
}
.tnt .tnt-float__btn:hover { transform: translateY(-3px); }
.tnt .tnt-float__btn:focus-visible { outline: none; box-shadow: var(--tnt-ring); }
.tnt .tnt-float__btn--wa { background: #25d366; color: #fff; box-shadow: 0 12px 26px -10px rgba(37, 211, 102, .8); }
.tnt .tnt-float__btn--wa::before { content: ""; position: absolute; inset: 0; border-radius: 50%; border: 2px solid #25d366; animation: tnt-float-pulse 2.4s ease-out infinite; pointer-events: none; }
@keyframes tnt-float-pulse { 0% { transform: scale(1); opacity: .7; } 80%, 100% { transform: scale(1.45); opacity: 0; } }
.tnt .tnt-float__btn--top { width: 44px; height: 44px; background: var(--tnt-btn-primary-bg); color: var(--tnt-gold); box-shadow: var(--tnt-btn-primary-shadow); opacity: 0; visibility: hidden; transform: translateY(10px); }
.tnt .tnt-float__btn--top.is-visible { opacity: 1; visibility: visible; transform: none; }
.tnt .tnt-float__btn--top.is-visible:hover { transform: translateY(-3px); }
.tnt .tnt-float__tip {
	position: absolute; inset-inline-end: calc(100% + 10px); top: 50%; transform: translateY(-50%); white-space: nowrap;
	padding: 6px 12px; border-radius: 9px; background: var(--tnt-navy-900); color: #fff; font: 700 13px var(--tnt-font);
	box-shadow: var(--tnt-shadow); opacity: 0; visibility: hidden; transition: .2s; pointer-events: none;
}
.tnt .tnt-float__btn--wa:hover .tnt-float__tip, .tnt .tnt-float__btn--wa:focus-visible .tnt-float__tip { opacity: 1; visibility: visible; }
@media (prefers-reduced-motion: reduce) { .tnt .tnt-float__btn--wa::before { animation: none; } }
/* البوابة في الجوال: فوق شريط التنقل السفلي */
@media (max-width: 900px) {
	body.tnt-portal .tnt .tnt-float, body.tnt-portal .tnt-float { bottom: 92px; }
	.tnt .tnt-float { inset-inline-end: 16px; }
	.tnt .tnt-float__btn { width: 50px; height: 50px; }
	.tnt .tnt-float__btn--top { width: 42px; height: 42px; }
}

/* ========== التجاوب ========== */
@media (max-width: 1024px) {
	.tnt .tnt-features { grid-template-columns: repeat(2, 1fr); }
	.tnt .tnt-hero-home__grid { grid-template-columns: 1fr; }
	.tnt .tnt-hero-home__art { display: none; }
}
@media (max-width: 900px) {
	/* الزر في الطرف المقابل للشعار، وبعد الجرس وزر الحساب إن وُجدا */
	.tnt .tnt-menu-toggle { display: grid; margin-inline-start: auto; }
	.tnt .tnt-topbar .tnt-account + .tnt-menu-toggle { margin-inline-start: 0; }
	.tnt .tnt-site-nav { position: absolute; top: 100%; inset-inline: 0; flex-direction: column; align-items: stretch; gap: 10px; padding: 14px 20px 20px; background: #fff; border-bottom: 1px solid var(--tnt-border); box-shadow: 0 14px 30px -16px rgba(var(--tnt-navy-900-rgb), .3); display: none; }
	.tnt .tnt-site-nav.is-open { display: flex; }
	.tnt .tnt-nav { flex-direction: column; align-items: stretch; }
	.tnt .tnt-nav .sub-menu { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; background: transparent; padding-inline-start: 14px; }
	.tnt .tnt-stats-home { grid-template-columns: repeat(2, 1fr); }
	.tnt .tnt-verify-box { grid-template-columns: 1fr; padding: 24px; }
	.tnt .tnt-site-footer__grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
	.tnt .tnt-features { grid-template-columns: 1fr; }
	.tnt .tnt-verify-box__form { flex-direction: column; }
	.tnt .tnt-hero-home { padding: 44px 0 100px; }
	.tnt .tnt-section { padding: 48px 0; }
}