/*
Theme Name: TourCivilizations
Theme URI: https://seoacuity.com/tourcivilizations
Author: SEO Acuity
Author URI: https://seoacuity.com
Description: ثيم Full Site Editing (تحرير الموقع الكامل) لمواقع السياحة والسفر والحضارات. كل عنصر في الموقع — النصوص، الصور، الألوان، الأقسام، القوائم، الفوتر — يتم تعديله بالسحب والإفلات من "مظهر ← المحرر" في ووردبريس، بدون كتابة أي كود. يدعم العربية (RTL) والإنجليزية (LTR) تلقائياً.
Version: 2.0.0
Requires at least: 6.5
Requires PHP: 7.4
Tested up to: 6.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tourcivilizations
Tags: blog, news, travel, full-site-editing, block-patterns, custom-colors, featured-images, translation-ready, rtl-language-support, wide-blocks

TourCivilizations WordPress Block Theme is distributed under the terms of the GNU GPL.
*/

/* =========================================================
   قواعد أساسية عامة
   ========================================================= */
html{ scroll-behavior: smooth; }
img{ height: auto; }
.wp-block-cover{ overflow: hidden; }

/* شارة صغيرة (تُستخدم داخل نمط الهيرو) */
.tc-badge{
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: .08em;
	font-size: .75rem !important;
}

/* =========================================================
   شريط الأخبار المتحرك (Block: tourcivilizations/news-ticker)
   ========================================================= */
.tc-ticker{
	background: var(--wp--preset--color--navy);
	border-bottom: 3px solid var(--wp--preset--color--gold);
	overflow: hidden;
	display: flex;
	align-items: center;
	height: 46px;
}
.tc-ticker__label{
	background: var(--wp--preset--color--gold);
	color: var(--wp--preset--color--navy);
	padding: 0 20px;
	height: 100%;
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 700;
	font-size: .8rem;
	text-transform: uppercase;
	letter-spacing: .08em;
	white-space: nowrap;
	flex-shrink: 0;
}
.tc-ticker__dot{
	width: 8px; height: 8px; border-radius: 50%; background: #e53e3e;
	animation: tc-pulse 1.5s ease-in-out infinite;
}
.tc-ticker__viewport{
	display: flex; align-items: center; overflow: hidden; flex: 1; height: 100%;
	mask-image: linear-gradient(to right, transparent, black 30px, black calc(100% - 30px), transparent);
	-webkit-mask-image: linear-gradient(to right, transparent, black 30px, black calc(100% - 30px), transparent);
}
.tc-ticker__track{ display: flex; align-items: center; white-space: nowrap; animation: tc-ticker 35s linear infinite; }
.tc-ticker__track a{ color: rgba(255,255,255,.9); font-size: .85rem; display: inline-flex; align-items: center; padding-inline-end: 12px; text-decoration: none; }
.tc-ticker__track a::after{
	content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 50%;
	background: var(--wp--preset--color--gold); margin-inline-start: 12px; flex-shrink: 0;
}
@keyframes tc-ticker{ 0%{ transform: translateX(0); } 100%{ transform: translateX(-50%); } }
.rtl .tc-ticker__track{ animation-name: tc-ticker-rtl; }
@keyframes tc-ticker-rtl{ 0%{ transform: translateX(0); } 100%{ transform: translateX(50%); } }
@keyframes tc-pulse{ 0%,100%{ opacity: 1; } 50%{ opacity: .3; } }

/* =========================================================
   بطاقات المقالات/الصفحات داخل عنصر "حلقة الاستعلام" (Query Loop)
   الكلاسات دي متحطة تلقائياً جوه الأنماط الجاهزة (Patterns) — مفيش داعي تكتبها بنفسك
   ========================================================= */
.tc-card{
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--medium-gray);
	border-radius: 8px;
	overflow: hidden;
	transition: transform .3s ease, box-shadow .3s ease;
	height: 100%;
}
.tc-card:hover{ transform: translateY(-4px); box-shadow: 0 12px 30px rgba(13,27,42,.12); }
.tc-card .wp-block-post-featured-image{ margin: 0; }
.tc-card .wp-block-post-featured-image img{ aspect-ratio: 16/10; object-fit: cover; }
.tc-card-body{ padding: 20px; }

.tc-destination-card, .tc-civ-card{
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--medium-gray);
	border-radius: 8px;
	overflow: hidden;
	transition: transform .3s ease, box-shadow .3s ease;
	height: 100%;
	text-align: center;
}
.tc-destination-card:hover, .tc-civ-card:hover{ transform: translateY(-4px); box-shadow: 0 12px 30px rgba(13,27,42,.12); }
.tc-destination-card .wp-block-post-featured-image img,
.tc-civ-card .wp-block-post-featured-image img{ transition: transform .6s ease; }
.tc-destination-card:hover .wp-block-post-featured-image img,
.tc-civ-card:hover .wp-block-post-featured-image img{ transform: scale(1.06); }
.tc-destination-card .wp-block-post-featured-image{ margin: 0; overflow: hidden; }
.tc-destination-card .wp-block-post-featured-image img{ aspect-ratio: 3/4; object-fit: cover; }
.tc-civ-card .wp-block-post-featured-image{ margin: 0; overflow: hidden; }
.tc-civ-card .wp-block-post-featured-image img{ aspect-ratio: 16/10; object-fit: cover; }

.tc-guide-card{
	background: var(--wp--preset--color--warm-white);
	border: 1px solid var(--wp--preset--color--medium-gray);
	border-radius: 8px;
	height: 100%;
}

/* =========================================================
   الهيدر والفوتر — تفاصيل بسيطة تكمّل عناصر الووردبريس الأصلية
   ========================================================= */
.tc-site-header{
	position: sticky; top: 0; z-index: 100;
	box-shadow: 0 2px 20px rgba(13,27,42,.06);
}
.tc-site-header .wp-block-search__button{
	background: transparent !important;
	color: var(--wp--preset--color--navy) !important;
}
.wp-block-navigation__responsive-container.is-menu-open{
	background: var(--wp--preset--color--white) !important;
}

.tc-social-icons{ gap: 10px !important; }
.tc-social-icons .wp-block-button__link{
	width: 38px; height: 38px; padding: 0 !important;
	display: flex; align-items: center; justify-content: center;
	border-radius: 50%; border: 1px solid rgba(255,255,255,.25) !important;
	background: transparent !important; color: #fff !important; font-size: .75rem;
}
.tc-social-icons .wp-block-button__link:hover{ background: var(--wp--preset--color--gold) !important; color: var(--wp--preset--color--navy) !important; border-color: var(--wp--preset--color--gold) !important; }

/* =========================================================
   النموذج (Form) الافتراضي بديل النشرة البريدية (Block: tourcivilizations/newsletter-form)
   ========================================================= */
.tc-newsletter-form{ display: flex; gap: 12px; max-width: 450px; margin: 0 auto; flex-wrap: wrap; justify-content: center; }
.tc-newsletter-form input[type="email"]{
	flex: 1; min-width: 200px; padding: 12px 16px; font-size: .95rem;
	border: 1px solid rgba(255,255,255,.25); border-radius: 4px; background: rgba(255,255,255,.1); color: #fff; outline: none;
}
.tc-newsletter-form input::placeholder{ color: rgba(255,255,255,.6); }
.tc-newsletter-form button{
	padding: 12px 28px; background: var(--wp--preset--color--gold); color: var(--wp--preset--color--navy);
	border: none; border-radius: 4px; font-weight: 700; font-size: .9rem; cursor: pointer;
}

/* =========================================================
   محتوى المقال
   ========================================================= */
.entry-content-wrap .wp-block-post-featured-image{ border-radius: 8px; overflow: hidden; margin-bottom: 2rem; }
.tc-faq-item{ border-bottom: 1px solid var(--wp--preset--color--medium-gray); padding: 16px 0; }
.tc-faq-item summary{ cursor: pointer; font-weight: 700; font-size: 1.05rem; list-style: none; display:flex; justify-content: space-between; align-items:center; }
.tc-faq-item summary::-webkit-details-marker{ display:none; }
.tc-faq-item summary::after{ content: '+'; font-size: 1.5rem; color: var(--wp--preset--color--gold); }
.tc-faq-item[open] summary::after{ content: '−'; }

/* =========================================================
   استجابة عامة
   ========================================================= */
@media (max-width: 782px){
	.tc-ticker__label{ padding: 0 12px; font-size: .7rem; }
}