@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap');
:root{
--primary:#1A73E8;
--primary-dark:#0D47A1;
--primary-light:#4FC3F7;
--secondary:#00ACC1;
--accent:#FF6F00;
--dark:#1B1B2F;
--dark2:#2C2C3E;
--text:#333333;
--text-light:#666666;
--bg-white:#FFFFFF;
--bg-light:#F5F7FA;
--bg-card:#FFFFFF;
--border:#E8ECF0;
--shadow:0 2px 8px rgba(0,0,0,0.08);
--shadow-hover:0 4px 16px rgba(0,0,0,0.12);
--radius:10px;
--radius-sm:6px;
--gold:#F59E0B;
--gold-dark:#D97706;
--gold-light:#FBBF24;
--dark-bg:#0A0E1A;
--card-bg-dark:#0F172A;
--card-bg:#1E293B;
--text-muted:#94A3B8;
--text-secondary:#64748B;
}
body.rtl,body.rtl header,body.rtl footer,body.rtl .content,body.rtl .sidebar,
body.rtl p,body.rtl h1,body.rtl h2,body.rtl h3,body.rtl h4,body.rtl h5,body.rtl h6,
body.rtl ul,body.rtl li,body.rtl div,body.rtl nav,body.rtl nav a,body.rtl nav ul li,
body.rtl input,body.rtl button,body.rtl label,body.rtl textarea,
body.rtl input::placeholder,body.rtl .main-nav a,body.rtl #main-nav a{
font-family:'Tajawal',sans-serif !important;
}
body{
background:var(--bg-light) !important;
background-image:none !important;
}
#top-nav,.top-nav{
background:linear-gradient(90deg, var(--primary-dark), var(--primary)) !important;
height:36px !important;
line-height:36px !important;
border-bottom:none !important;
}
#top-nav a,.top-nav a{color:#ffffffcc !important;font-size:13px !important;font-weight:400 !important}
#top-nav a:hover,.top-nav a:hover{color:#fff !important}
.main-nav,#main-nav{
background:var(--dark) !important;
border-radius:var(--radius) var(--radius) 0 0 !important;
box-shadow:0 2px 10px rgba(0,0,0,0.15) !important;
border:none !important;
}
.main-nav a,#main-nav a{
color:#ffffffdd !important;
font-size:15px !important;
font-weight:500 !important;
padding:14px 18px !important;
transition:all 0.3s ease !important;
}
.main-nav a:hover,#main-nav a:hover{
background:var(--primary) !important;
color:#fff !important;
}
.main-nav ul ul,#main-nav ul ul{
background:var(--dark2) !important;
border-radius:0 0 var(--radius-sm) var(--radius-sm) !important;
box-shadow:0 4px 12px rgba(0,0,0,0.2) !important;
}
.main-nav ul ul a,#main-nav ul ul a{
padding:10px 16px !important;
font-size:14px !important;
border-bottom:1px solid rgba(255,255,255,0.05) !important;
}
.main-nav ul ul a:hover{background:var(--primary) !important;padding-right:22px !important}
/* ==================== COUNTDOWN RIBBON ==================== */
.exam-countdown-ribbon {
background: linear-gradient(90deg, #0A0E1A, rgba(245, 158, 11, 0.06));
border-top: 1px solid rgba(245, 158, 11, 0.12);
border-bottom: 1px solid rgba(245, 158, 11, 0.12);
padding: 6px 18px;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
direction: rtl;
text-align: right;
font-family: 'Tajawal', sans-serif;
margin: 0 auto;
}
.ribbon-label {
font-size: 13px;
font-weight: 700;
color: #FBBF24;
white-space: nowrap;
}
.ribbon-separator {
color: #94A3B8;
opacity: 0.5;
}
.countdown-blocks {
display: flex;
align-items: center;
gap: 5px;
}
.countdown-block {
display: flex;
align-items: center;
gap: 3px;
background: #1E293B;
border-radius: 4px;
padding: 2px 7px;
border: 1px solid transparent;
}
.countdown-block.days { border-color: rgba(245, 158, 11, 0.35); }
.countdown-block.hours { border-color: rgba(0, 172, 193, 0.35); }
.countdown-block.minutes { border-color: rgba(26, 115, 232, 0.35); }
.countdown-number {
font-size: 13px;
font-weight: 700;
font-family: 'Segoe UI', sans-serif;
}
.countdown-block.days .countdown-number { color: #FBBF24; }
.countdown-block.hours .countdown-number { color: #67E8F9; }
.countdown-block.minutes .countdown-number { color: #93C5FD; }
.countdown-unit {
font-size: 10px;
color: #94A3B8;
}
@media (max-width: 768px) {
.exam-countdown-ribbon { flex-wrap: wrap; justify-content: center; padding: 5px 10px; }
.ribbon-label { font-size: 11px; }
.countdown-block { padding: 2px 5px; }
}
/* ==================== BREAKING NEWS ==================== */
.breaking-news{
background:linear-gradient(135deg,var(--gold),var(--gold-dark)) !important;
height:32px !important;
margin:12px auto 20px !important;
border-radius:var(--radius-sm) !important;
box-shadow:var(--shadow) !important;
overflow:hidden !important;
}
.breaking-news .breaking-news-title{
background:rgba(255,255,255,0.2) !important;
color:#fff !important;
font-weight:700 !important;
font-size:13px !important;
padding:7px 14px 9px !important;
height:16px !important;
line-height:16px !important;
float:right !important;
margin:0 0 0 10px !important;
}
.breaking-news ul a{
background:transparent !important;
color:#fff !important;
font-size:13px !important;
font-weight:500 !important;
padding:8px !important;
line-height:16px !important;
}
.breaking-news ul a:hover{color:#FFD600 !important}
/* ==================== POST CARDS WITH COLOR ACCENT BARS ==================== */
.post,.entry,article{
background:var(--bg-card) !important;
border-radius:var(--radius) !important;
box-shadow:var(--shadow) !important;
margin-bottom:20px !important;
border:1px solid var(--border) !important;
overflow:hidden !important;
transition:all 0.3s ease !important;
position:relative !important;
}
.post:hover,.entry:hover{
box-shadow:var(--shadow-hover) !important;
transform:translateY(-2px);
}
/* Color accent bar using CSS class detection on category links */
.post:has(.post-categories a[href*="category/161"])::before,
.post:has(.post-categories a[href*="category/166"])::before { content:''; position:absolute; top:0; right:0; width:5px; height:100%; background:#F59E0B; border-radius:0 10px 10px 0; }
.post:has(.post-categories a[href*="category/159"]):before,
.post:has(.post-categories a[href*="category/9"]):before { content:''; position:absolute; top:0; right:0; width:5px; height:100%; background:#00ACC1; border-radius:0 10px 10px 0; }
.post:has(.post-categories a[href*="category/160"])::before,
.post:has(.post-categories a[href*="category/10"])::before { content:''; position:absolute; top:0; right:0; width:5px; height:100%; background:#1A73E8; border-radius:0 10px 10px 0; }
.post:has(.post-categories a[href*="category/164"])::before,
.post:has(.post-categories a[href*="category/12"])::before { content:''; position:absolute; top:0; right:0; width:5px; height:100%; background:#A78BFA; border-radius:0 10px 10px 0; }
.post:has(.post-categories a[href*="category/163"])::before { content:''; position:absolute; top:0; right:0; width:5px; height:100%; background:#34D399; border-radius:0 10px 10px 0; }
.post:has(.post-categories a[href*="category/162"])::before { content:''; position:absolute; top:0; right:0; width:5px; height:100%; background:#FB7185; border-radius:0 10px 10px 0; }
.post-title,.entry-title,h2.post-title{
font-size:20px !important;
font-weight:700 !important;
line-height:1.4 !important;
padding:0 15px !important;
margin:10px 0 !important;
}
.post-title a,.entry-title a{
color:var(--dark) !important;
text-decoration:none !important;
}
.post-title a:hover{color:var(--primary) !important}
.post-meta,.entry-meta{padding:0 15px !important;font-size:13px !important;color:var(--text-light) !important}
.post-excerpt,.entry-summary{padding:0 15px 15px !important;font-size:15px !important;color:var(--text) !important;line-height:1.7 !important}
.more-link,.read-more,a.more-link{
display:inline-block !important;
background:var(--primary) !important;
color:#fff !important;
padding:8px 20px !important;
margin:0 15px 15px !important;
border-radius:var(--radius-sm) !important;
text-decoration:none !important;
font-size:14px !important;
font-weight:500 !important;
}
.more-link:hover{background:var(--primary-dark) !important;transform:translateY(-1px)}
/* ==================== SIDEBAR WIDGETS ==================== */
.widget,.sidebar-widget{
background:var(--bg-card) !important;
border-radius:var(--radius) !important;
box-shadow:var(--shadow) !important;
margin-bottom:20px !important;
border:1px solid var(--border) !important;
overflow:hidden !important;
}
.widget-title{
background:var(--dark) !important;
color:#fff !important;
padding:12px 20px !important;
font-size:16px !important;
font-weight:700 !important;
margin:0 !important;
}
.widget-content{padding:15px !important}
.widget a{color:var(--primary) !important;font-weight:500 !important}
.widget a:hover{color:var(--primary-dark) !important}
.widget ul li{border-bottom:1px solid var(--border) !important;padding:8px 0 !important;list-style:none !important}
/* ==================== SIDEBAR STATS WIDGET ==================== */
.widget.stats-widget {
background: #1E293B !important;
border-radius: 10px !important;
padding: 16px !important;
border: 1px solid rgba(0, 172, 193, 0.15) !important;
box-shadow: 0 3px 12px rgba(0,0,0,0.08) !important;
}
.stats-widget .widget-title {
background: transparent !important;
color: #00ACC1 !important;
font-size: 14px !important;
font-weight: 700 !important;
padding: 0 0 10px !important;
}
.stats-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 7px;
}
.stat-card {
background: #0F172A;
border-radius: 6px;
padding: 7px 10px;
text-align: center;
border: 1px solid transparent;
}
.stat-card.blue { border-color: rgba(26, 115, 232, 0.25); }
.stat-card.teal { border-color: rgba(0, 172, 193, 0.25); }
.stat-card.gold { border-color: rgba(245, 158, 11, 0.25); }
.stat-card.purple { border-color: rgba(167, 139, 250, 0.25); }
.stat-number {
display: block;
font-size: 17px;
font-weight: 700;
font-family: 'Segoe UI', sans-serif;
}
.stat-card.blue .stat-number { color: #93C5FD; }
.stat-card.teal .stat-number { color: #67E8F9; }
.stat-card.gold .stat-number { color: #FDE68A; }
.stat-card.purple .stat-number { color: #C4B5FD; }
.stat-label {
display: block;
font-size: 9px;
color: #64748B;
font-family: 'Tajawal', sans-serif;
}
/* ==================== CATEGORY CHIPS ==================== */
.category-chips {
display: flex;
flex-wrap: wrap;
gap: 5px;
justify-content: flex-start;
direction: rtl;
padding: 10px 0;
}
.category-chip {
display: inline-block;
font-family: 'Tajawal', sans-serif;
font-size: 10px;
font-weight: 600;
padding: 3px 12px;
border-radius: 11px;
background: #1E293B;
border: 1px solid;
text-decoration: none;
transition: all 0.2s ease;
}
.category-chip:hover {
transform: translateY(-1px);
filter: brightness(1.2);
}
.category-chip.blue { border-color: #1A73E8; color: #93C5FD; }
.category-chip.teal { border-color: #00ACC1; color: #67E8F9; }
.category-chip.gold { border-color: #F59E0B; color: #FDE68A; }
.category-chip.purple { border-color: #A78BFA; color: #C4B5FD; }
.category-chip.pink { border-color: #FB7185; color: #FDA4AF; }
.category-chip.green { border-color: #34D399; color: #6EE7B7; }
/* ==================== FOOTER ENHANCED ==================== */
.footer,#footer{
background:linear-gradient(180deg, #0D1321, #070B14) !important;
color:#ffffffcc !important;
padding:35px 0 0 !important;
border-top:4px solid var(--primary) !important;
}
.footer-widgets{
background:rgba(255,255,255,0.02) !important;
padding:25px 0 !important;
border-bottom:1px solid rgba(255,255,255,0.05) !important;
}
.footer-widgets .widget-title{
background:transparent !important;
color:#fff !important;
font-size:15px !important;
font-weight:700 !important;
padding:0 !important;
margin-bottom:12px !important;
padding-bottom:8px !important;
border-bottom:2px solid var(--primary) !important;
}
.footer-widgets .widget{
background:transparent !important;
box-shadow:none !important;
border:none !important;
border-radius:0 !important;
}
.footer-widgets a{color:#ffffffaa !important; font-size:13px !important;}
.footer-widgets a:hover{color:#fff !important}
.footer-bottom,.copyright{
background:#070B14 !important;
color:#64748B !important;
padding:15px 0 !important;
text-align:center !important;
font-size:12px !important;
direction:rtl !important;
}
.footer a{color:#ffffffaa !important}
.footer a:hover{color:#fff !important}
.footer-heading-icon {
display:inline-block;
width:8px;
height:8px;
border-radius:50%;
margin-left:6px;
vertical-align:middle;
}
.footer-heading-icon.blue { background:#1A73E8; }
.footer-heading-icon.teal { background:#00ACC1; }
.footer-heading-icon.gold { background:#F59E0B; }
.archive-title,.page-title{
background:linear-gradient(135deg,var(--primary),var(--secondary)) !important;
color:#fff !important;
padding:15px 25px !important;
border-radius:var(--radius) !important;
margin-bottom:25px !important;
font-size:22px !important;
font-weight:700 !important;
}
.pagination a,.page-nav a{
background:var(--bg-card) !important;
color:var(--primary) !important;
padding:8px 14px !important;
margin:0 3px !important;
border-radius:var(--radius-sm) !important;
border:1px solid var(--border) !important;
text-decoration:none !important;
font-weight:500 !important;
}
.pagination a:hover{background:var(--primary) !important;color:#fff !important;border-color:var(--primary) !important}
.pagination .current{background:var(--primary) !important;color:#fff !important;border-color:var(--primary) !important}
/* ==================== SLIDER (FEATURED) ==================== */
/* Fallback gradient for slides without images */
#featured-posts .featured-post-inner:not([style*="url("]) {
background: linear-gradient(135deg, #1A73E8, #0D47A1) !important;
}
#featured-posts .featured-post-inner:not([style*="url("]) .featured-title {
background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 100%) !important;
bottom: 0px !important;
padding: 20px 25px !important;
}
.featured-posts-single-slide { opacity: 1 !important; }
/* Hide empty nav arrows when slider is static */
.featured-post { transition: none !important; }
.tie-appear{
border-radius:12px !important;
overflow:hidden !important;
box-shadow:0 3px 15px rgba(0,0,0,0.1) !important;
margin-bottom:20px !important;
}
.featured-title a{color:#fff !important;font-weight:700 !important;text-shadow:0 1px 3px rgba(0,0,0,0.6) !important}
.flex-direction-nav a {
background: rgba(0,0,0,0.35) !important;
width:40px !important;
height:40px !important;
border-radius:50% !important;
}
.flex-direction-nav a:hover { background: var(--primary) !important; }
.cat-item a,.post-categories a{
background:var(--primary) !important;
color:#fff !important;
padding:3px 10px !important;
border-radius:var(--radius-sm) !important;
font-size:12px !important;
display:inline-block !important;
margin:2px !important;
}
a{color:var(--primary) !important}
a:hover{color:var(--primary-dark) !important}
/* Buttons with backgrounds must have white text for contrast */
.more-link,.read-more,a.more-link,
.hero-cta,
.wp-block-button__link,
button:not(.search-submit):not(.flex-next):not(.flex-prev),
input[type="submit"],
a.button,.post-categories a,.cat-item a { color: #ffffff !important; }
.more-link:hover,.read-more:hover,a.more-link:hover,
.hero-cta:hover { color: #ffffff !important; }
::selection{background:var(--primary) !important;color:#fff !important}
::-moz-selection{background:var(--primary) !important;color:#fff !important}
/* ==================== SOCIAL MEDIA RIBBON ==================== */
.social-follow-ribbon {
display: flex;
align-items: center;
gap: 8px;
padding: 10px 0;
direction: rtl;
}
.social-follow-ribbon .follow-label {
font-family: 'Tajawal', sans-serif;
font-size: 13px;
font-weight: 700;
color: #FBBF24;
}
.social-btn {
display: inline-block;
padding: 4px 16px;
border-radius: 10px;
font-family: 'Tajawal', sans-serif;
font-size: 11px;
font-weight: 600;
text-decoration: none;
}
.social-btn.facebook { background: rgba(26, 115, 232, 0.2); color: #93C5FD; border: 1px solid rgba(26, 115, 232, 0.3); }
.social-btn.telegram { background: rgba(0, 172, 193, 0.2); color: #67E8F9; border: 1px solid rgba(0, 172, 193, 0.3); }
.social-btn:hover { filter: brightness(1.3); transform: translateY(-1px); }
/* ==================== SECTION TITLES ==================== */
.section-title-wrapper {
display: flex;
align-items: center;
gap: 8px;
margin: 25px 0 15px;
direction: rtl;
}
.section-title-bar {
width: 5px;
height: 22px;
border-radius: 3px;
flex-shrink: 0;
}
.section-title-bar.blue { background: #1A73E8; }
.section-title-bar.gold { background: #F59E0B; }
.section-title-text {
font-family: 'Tajawal', sans-serif;
font-size: 20px;
font-weight: 800;
color: #1B1B2F;
flex: 1;
}
.section-title-link {
font-family: 'Tajawal', sans-serif;
font-size: 13px;
color: #1A73E8;
text-decoration: none;
}
.section-title-link:hover { text-decoration: underline; }
@media(max-width:768px){
.main-nav a{padding:10px 12px !important;font-size:14px !important}
.post-title,.entry-title{font-size:18px !important}
}
@media(max-width:480px){
.post-title,.entry-title{font-size:16px !important;padding:0 10px !important}
.post-excerpt{padding:0 10px 10px !important;font-size:14px !important}
}
/* ===== تصميم الأسئلة والأجوبة - بنك الأسئلة التربوية ===== */
/* البطاقات تُطبّق عبر جافاسكريبت يضيف كلاس qa-question و qa-answer */
.qa-question {
background: #EBF5FF !important;
border-radius: 10px !important;
padding: 14px 18px !important;
margin-bottom: 6px !important;
border-right: 4px solid #1A73E8 !important;
font-weight: 700 !important;
color: #1A56DB !important;
box-shadow: 0 1px 3px rgba(26,115,232,0.12) !important;
}
.qa-answer {
background: #F0FDF4 !important;
border-radius: 10px !important;
padding: 14px 18px !important;
margin-bottom: 16px !important;
border-right: 4px solid #22C55E !important;
color: #166534 !important;
box-shadow: 0 1px 3px rgba(34,197,94,0.12) !important;
}
.qa-tip {
background: #FFF7ED !important;
border-radius: 10px !important;
padding: 14px 18px !important;
margin-bottom: 16px !important;
border-right: 4px solid #F59E0B !important;
color: #9A3412 !important;
box-shadow: 0 1px 3px rgba(245,158,11,0.12) !important;
}
.qa-warning {
background: #FEF2F2 !important;
border-radius: 10px !important;
padding: 14px 18px !important;
margin-bottom: 16px !important;
border-right: 4px solid #EF4444 !important;
color: #991B1B !important;
}
/* ================================================================
🎨 FIX: مشاكل الألوان الحرجة — نصوص غير مرئية على البطاقات الداكنة
================================================================ */
/* 1. بطاقات الهبوط الداكنة — النصوص الرئيسية */
.entry-content [style*="background:linear-gradient(135deg,#0A0E1A,#1A1A2E)"] h3,
.entry-content [style*="background:linear-gradient(135deg,#0A0E1A,#1A1A2E)"] h3 a,
.entry-content [style*="background:#0F172A"] h3 {
color: #FBBF24 !important;
}
.entry-content [style*="background:linear-gradient(135deg,#0A0E1A,#1A1A2E)"] p {
color: #94A3B8 !important;
}
.entry-content [style*="background:linear-gradient(135deg,#0A0E1A,#1A1A2E)"] a {
color: #60A5FA !important;
}
/* 2. H2 — تمييز عن النص العادي */
h2, .entry h2, .entry-content h2,
.cat-box-title h2, .block-head h3 {
color: #0F172A !important;
font-weight: 800 !important;
font-size: 22px !important;
}
/* 3. عناوين الصفحات بتدرج */
.page-title, .archive-title {
background: linear-gradient(135deg, #1A73E8, #00ACC1) !important;
color: #FFFFFF !important;
}
/* 4. الويدجت — عنوان موحد */
.widget-title, .widget-top h4 {
background: #1B1B2F !important;
color: #FFFFFF !important;
}
/* 5. نصوص المقالات */
.entry, .entry p, .entry-content p {
color: #334155 !important;
line-height: 1.8 !important;
font-size: 16px !important;
}
/* 6. روابط في المحتوى */
.entry a, .entry-content a {
color: #1A73E8 !important;
font-weight: 500 !important;
}
.entry a:hover {
color: #0D47A1 !important;
text-decoration: underline !important;
}
/* 7. ألوان الويدجت الإحصائية */
.stat-card .stat-number {
color: #FFFFFF !important;
}
/* 8. تصنيفات المقالات */
.post-categories a, .cat-item a {
background: #1A73E8 !important;
color: #FFFFFF !important;
}
/* 9. ارتفاع التباين للعناوين على الخلفيات الداكنة */
.entry-content [style*="font-size:48px"] {
color: #60A5FA !important;
}
/* 10. علامات الاختيار على البطاقات */
.stat-card {
background: #0F172A !important;
}
الرئيسية/ الثانوي / الثانية ثانوي / اللغة الإنجليزية — Vocabulary: Travel and Tourism — 2ثانوي — شعبة آداب — بكالوريا — المنهاج الجزائري
اللغة الإنجليزية — Vocabulary: Travel and Tourism — 2ثانوي — شعبة آداب — بكالوريا — المنهاج الجزائري
الثانية ثانوي , اللغة الإنجليزية , دروس الثانوي
Vocabulary: Travel and Tourism
Travel and tourism vocabulary is essential for describing holidays, trips, and cultural experiences.
Key Words
Journey, Trip, Voyage, Tour, Cruise, Excursion.
Passport, Visa, Ticket, Reservation, Accommodation.
Hotel, Hostel, Resort, Campsite, B&B.
Sightseeing, Landmark, Monument, Museum, Souvenir.
Exercises
Describe your dream holiday destination. Use at least 8 vocabulary words from the list.
Internal Links
Check Describing Places and Giving Directions .
📍 **دروس مشابهة:**
شاهد أيضا
مقدمة نتعرف على وسائل النقل المختلفة. هذا الدرس مناسب لتلاميذ السنة الثانية إبتدائي في مادة …
مقدمة نتعرف على أهم الاختراعات. هذا الدرس مناسب لتلاميذ السنة الثانية إبتدائي في مادة التربية …
مقدمة نتعرف على مفهوم التكنولوجيا. هذا الدرس مناسب لتلاميذ السنة الثانية إبتدائي في مادة التربية …
مقدمة نتعلم كيفية تصنيف الكائنات الحية. هذا الدرس مناسب لتلاميذ السنة الأولى إبتدائي في مادة …
✅
تم الإعلان عن نتائج البكالوريا 2026
📰 أخبار التربية
نتائج البكالوريا 2026 — تم الإعلان رسمياً
أعلنت وزارة التربية الوطنية عن نتائج شهادة البكالوريا دورة 2026 بنسبة نجاح 56.18%. يمكنكم الاطلاع على النتائج عبر موقع الديوان الوطني للامتحانات onec.dz.
📅 13 جويلية 2026 · ✍️ مدونة التربية و التعليم
🧮 احسب معدلك ←
We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it. Ok